# TypeScript 工具窗口

> For the complete documentation index, see [llms.txt](https://www.jetbrains.com/zh-cn/help/idea/llms.txt).

> **TL;DR**
> `查看 | 工具窗口 | TypeScript`
>
>
>
> 必需插件  :
>
>
>
> `JavaScript 和 TypeScript`  -  插件与 IntelliJ IDEA 捆绑在一起，并默认启用。

> **Warning:**
> 不建议通过   编译   操作从   TypeScript   微件上的   状态   栏，或在编辑器或   项目   工具窗口中的文件上下文菜单中调用编译。 相反， [通过 tsc 脚本进行编译](running-and-debugging-typescript.html#ts_compiler_compile_code_manually)或 [启用保存时自动编译](running-and-debugging-typescript.html#ts_compiler_compile_code_automatically)。

TypeScript   工具窗口列出了 TypeScript 代码中的编译错误。 此列表不会受您对代码所做更改的影响，并且仅在您再次调用编译时更新。

> **Note:**
> 请注意，当前文件中检测到的错误描述及其快速修复也会显示在   文件   选项卡的 [问题](linters.html#ws_js_linters_general_problems_tool_window) 工具窗口中，并会直接显示在编辑器中。 详细了解请参阅 [验证 TypeScript](typescript-support.html#ws_verify_typescript)。

IntelliJ IDEA 显示   TypeScript   工具窗口的条件是: TypeScript 语言服务已在 [TypeScript 页面](settings-languages-typescript.html) 上按 [TypeScript](typescript-support.html) 中所述激活。

仅在首次手动编译 TypeScript 代码后，工具窗口才会显示。 之后，工具窗口可以通过主菜单中的  `查看 | 工具窗口 | TypeScript` 或工具窗口栏访问。

请参阅 [将 TypeScript 编译为 JavaScript](running-and-debugging-typescript.html#ws_ts_compile)。

## 编译错误

仅在首次手动编译 TypeScript 代码后，工具窗口才会显示。 这可以通过两种方式完成：

* 点击状态栏上的 TypeScript 微件，选择 编译 ，然后选择编译作用域。 默认情况下， 全部编译 代表 编译整个项目中的所有 TypeScript 文件 。 要更改此行为，请在 `文件` 属性下为 `tsconfig.json` 文件定义另一个作用域。 请按照以下格式输入要处理的文件名： ```JSON "files" : ["<file1.ts>","<file2.ts>"], ``` ![TypeScript：监控编译错误](https://resources.jetbrains.com/help/img/idea/2026.3/ws_ts_toolwindow_compilation_errors.animated.gif)

* 从任意 TypeScript 文件的上下文菜单中选择 编译 TypeScript 。 默认作用域中的所有 TypeScript 文件都将被编译，就像从 TypeScript 微件中选择 全部编译 时一样，

之后，可以通过主菜单中的  `查看 | 工具窗口 | TypeScript`  或通过工具窗口栏访问该工具窗口。

工具窗口会列出在所选作用域中检测到的所有编译错误。 此列表不会受到您对代码所做更改的影响，并且仅在您再次手动调用编译时更新。

错误消息按照它们被检测到的文件进行分组。 要导航到相关代码，请双击相应的错误消息或选择它并从上下文菜单中选择   跳转到源  。

## TypeScript 小部件

![编译 TypeScript 代码](https://resources.jetbrains.com/help/img/idea/2026.3/ws_ts_compile.png)

|  条目  |  描述  |
| --- | --- |
|     编译       ![编译图标](https://resources.jetbrains.com/help/img/idea/2026.3/app.actions.compile.svg)     |     选择此选项可调用手动 TypeScript 编译，然后选择要编译的文件范围。        * 要编译活动编辑器选项卡中的文件，请选择文件路径。    * 要使用 `tsconfig.json` 文件中定义的作用域，请选择所需 `tsconfig.json` 的路径。    * 如果您选择 全部编译 ，编译器默认会运行整个项目。 要更改此行为，请在您的 `文件` 属性下定义另一个范围到 `tsconfig.json` 文件。 请按照以下格式输入要处理的文件名： ```JSON "files" : ["<file1.ts>","<file2.ts>"], ```    |
|     配置 TypeScript    ![配置按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.settings.svg)  |  选择此选项以打开 [TypeScript](settings-languages-typescript.html) 页面并编辑 TypeScript 设置。  |
|     重启 TypeScript 服务    ![重新启动服务图标](https://resources.jetbrains.com/help/img/idea/2026.3/app_client_expui_run_restart_language_service.png)  |  选择此选项可清除并重新运行 TypeScript 语言服务。  |

## 工具栏

|  条目  |  工具提示和快捷键  |  描述  |
| --- | --- | --- |
|  ![全部展开](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.expandAll.svg) / ![全部折叠](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.collapseAll.svg)  |     全部展开    `Ctrl+NumPad +` (Windows), `⌘ NumPad +` (macOS), `⌘ NumPad +` (IntelliJ IDEA Classic (macOS)), `⌘ NumPad +` (macOS System Shortcuts), `Ctrl+NumPad +` (XWin), `Ctrl+NumPad +` (GNOME), `Ctrl+NumPad +` (KDE), `Ctrl+NumPad +` (Emacs), `Ctrl+NumPad +` (Sublime Text), `⌘ NumPad +` (Sublime Text (macOS)), `Ctrl+NumPad +` (Visual Studio), `⌘ NumPad +` (Visual Studio (macOS)), `Ctrl+NumPad +` (NetBeans), `Ctrl+Shift+NumPad *` (Eclipse), `⌘ ⇧ NumPad *` (Eclipse (macOS))    全部折叠    `Ctrl+NumPad -` (Windows), `⌘ NumPad -` (macOS), `⌘ NumPad -` (IntelliJ IDEA Classic (macOS)), `⌘ NumPad -` (macOS System Shortcuts), `Ctrl+NumPad -` (XWin), `Ctrl+NumPad -` (GNOME), `Ctrl+NumPad -` (KDE), `Ctrl+NumPad -` (Emacs), `Ctrl+NumPad -` (Sublime Text), `⌘ NumPad -` (Sublime Text (macOS)), `Ctrl+NumPad -` (Visual Studio), `⌘ NumPad -` (Visual Studio (macOS)), `Ctrl+NumPad -` (NetBeans), `Ctrl+Shift+NumPad /` (Eclipse), `⌘ ⇧ NumPad /` (Eclipse (macOS))  |  使用这些按钮展开或收起所有节点。  |
|  ![“全部清除”按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.actions.gc.svg)  |  全部清除  |  点击此按钮以从工具窗口中移除所有错误消息。  |
|  ![关闭按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.closeSmall.svg)  |  关闭 `Ctrl+Shift+F4` (Windows), `⌃ ⇧ F4` (macOS), `⌘ ⇧ F4` (IntelliJ IDEA Classic (macOS)), `⌃ ⇧ F4` (macOS System Shortcuts), `Ctrl+Shift+F4` (XWin), `Ctrl+Shift+F4` (GNOME), `Ctrl+Shift+4` (KDE), `Ctrl+Shift+F4` (Emacs), `Ctrl+Shift+F4` (Sublime Text), `⌃ ⇧ F4` (Sublime Text (macOS)), `Ctrl+Shift+F4` (Visual Studio), `⌃ ⇧ F4` (Visual Studio (macOS)), `Ctrl+Shift+F4` (NetBeans), `Ctrl+W` (Eclipse), `⌘ W` (Eclipse (macOS))  |  点击此按钮可终止编译器和 TypeScript 语言服务，并关闭工具窗口。  |

## 上下文菜单

|  条目  |  图标及快捷键  |  描述  |
| --- | --- | --- |
|  跳转到源  |     ![跳转到源](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.general.edit.svg)    `F4` (Windows), `⌘ ↓` (macOS), `F4` (IntelliJ IDEA Classic (macOS)), `F4` (macOS System Shortcuts), `F4` (XWin), `F4` (GNOME), `F4` (KDE), `F4` (Emacs), `F4` (Sublime Text), `F4` (Sublime Text (macOS)), `F4` (Visual Studio), `⌘ ↓` (Visual Studio (macOS)), `F4` (NetBeans), `F12` (Eclipse), `F3` (Eclipse (macOS))  |  打开检测到所选错误的文件，并导航到导致错误的代码片段。  |
|  复制  |     ![复制](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.copy.svg)    `Ctrl+C` (Windows), `⌘ C` (macOS), `⌘ C` (IntelliJ IDEA Classic (macOS)), `⌘ C` (macOS System Shortcuts), `Ctrl+C` (XWin), `Ctrl+C` (GNOME), `Ctrl+C` (KDE), `Ctrl+Insert` (Emacs), `Ctrl+C` (Sublime Text), `⌘ C` (Sublime Text (macOS)), `Ctrl+C` (Visual Studio), `⌘ C` (Visual Studio (macOS)), `Ctrl+C` (NetBeans), `Ctrl+C` (Eclipse), `⌘ C` (Eclipse (macOS))  |  复制所选错误信息以及检测到错误的文件、行和列的信息。  |
|  点击一次即可导航  |  选择此选项后，点击错误消息会将您带到引起问题的代码。  |
|  全部收起  |     ![全部折叠](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.collapseAll.svg)    `Ctrl+NumPad -` (Windows), `⌘ NumPad -` (macOS), `⌘ NumPad -` (IntelliJ IDEA Classic (macOS)), `⌘ NumPad -` (macOS System Shortcuts), `Ctrl+NumPad -` (XWin), `Ctrl+NumPad -` (GNOME), `Ctrl+NumPad -` (KDE), `Ctrl+NumPad -` (Emacs), `Ctrl+NumPad -` (Sublime Text), `⌘ NumPad -` (Sublime Text (macOS)), `Ctrl+NumPad -` (Visual Studio), `⌘ NumPad -` (Visual Studio (macOS)), `Ctrl+NumPad -` (NetBeans), `Ctrl+Shift+NumPad /` (Eclipse), `⌘ ⇧ NumPad /` (Eclipse (macOS))  |  隐藏错误消息，只显示检测到编译错误的文件。  |
|  全部展开  |     ![全部展开](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.expandAll.svg)    `Ctrl+NumPad +` (Windows), `⌘ NumPad +` (macOS), `⌘ NumPad +` (IntelliJ IDEA Classic (macOS)), `⌘ NumPad +` (macOS System Shortcuts), `Ctrl+NumPad +` (XWin), `Ctrl+NumPad +` (GNOME), `Ctrl+NumPad +` (KDE), `Ctrl+NumPad +` (Emacs), `Ctrl+NumPad +` (Sublime Text), `⌘ NumPad +` (Sublime Text (macOS)), `Ctrl+NumPad +` (Visual Studio), `⌘ NumPad +` (Visual Studio (macOS)), `Ctrl+NumPad +` (NetBeans), `Ctrl+Shift+NumPad *` (Eclipse), `⌘ ⇧ NumPad *` (Eclipse (macOS))  |  展开工具窗口中的所有节点，并显示每个文件的错误信息。  |
|  导出到文本文件  |     ![导出到文本文件](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.export.svg)    `Alt+O` (Windows), `⌃ O` (macOS), `⌃ O` (IntelliJ IDEA Classic (macOS)), `⌃ O` (macOS System Shortcuts), `Alt+O` (XWin), `Alt+O` (GNOME), `Alt+O` (KDE), `Alt+O` (Emacs), `Alt+O` (Sublime Text), `⌃ O` (Sublime Text (macOS)), `Alt+O` (Visual Studio), `⌃ O` (Visual Studio (macOS)), `Alt+O` (NetBeans), `Alt+O` (Eclipse), `⌃ O` (Eclipse (macOS))  |     保存发生编译错误的文件列表。        1.     在打开的   导出预览   对话框中，指定用于存储存在编译问题的文件列表的文本文件路径。       若要同时保存相应的错误消息，请确保选择   详细信息   复选框。       若要将错误文件列表保存到剪贴板，请点击   复制  。      ![TypeScript 工具窗口：导出预览](https://resources.jetbrains.com/help/img/idea/2026.3/ws_ts_typescript_tw_save_errors.png)     2.     点击   保存  。 如果指定的文件已存在，IntelliJ IDEA 会询问您是否要覆盖此文件或将新的文件列表附加到其中。        |

## See also

### 过程

[TypeScript](typescript-support.html)

### 参考

[TypeScript](settings-languages-typescript.html)