# TypeScript tool window

> **TL;DR**
> `View | Tool Windows | TypeScript`
>
>
>
> Required plugin:
>
>
>
> `JavaScript and TypeScript` -    the plugin is bundled with IntelliJ IDEA and enabled by default.

> **Warning:**
> It is not recommended that you invoke compilation with the Compile actions from the TypeScript widget on the Status bar, or from the context menu of a file in the editor or in the Project tool window.    Instead, [invoke compilation via a tsc script](running-and-debugging-typescript.html#ts_compiler_compile_code_manually) or [enable automatic compilation on save](running-and-debugging-typescript.html#ts_compiler_compile_code_automatically).

The TypeScript tool window lists compilation errors in TypeScript code. This list is not affected by changes you make to your code and is updated only when you invoke compilation again.

> **Note:**
> Note that descriptions of the errors detected in the current file and quick-fixes for them are shown in the File tab of the [Problems](linters.html#ws_js_linters_general_problems_tool_window) tool window as well as right in the editor. Learn more from [Verify TypeScript](typescript-support.html#ws_verify_typescript).

IntelliJ IDEA shows the TypeScript tool window only when the TypeScript language service is activated on the [TypeScript page](settings-languages-typescript.html) as described in [TypeScript](typescript-support.html).

The tool window shows up only after you first compile your TypeScript code manually. After that, the tool window is accessible via `View | Tool Windows | TypeScript` in the main menu or via the tool window bar.

See [Compiling TypeScript into JavaScript](running-and-debugging-typescript.html#ws_ts_compile).

## Compile Errors

The tool window shows up only after you first compile your TypeScript code manually. This can be done in two ways:

* Click the TypeScript widget on the Status bar, select Compile, and then select the compilation scope. By default, Compile All stands for Compile all TypeScript files in the whole project. To change this behavior, define another scope under the `files` property of your `tsconfig.json` file. Type the names of the files to process in the following format: ```JSON "files" : ["<file1.ts>","<file2.ts>"], ``` ![TypeScript: monitor compilation errors](https://resources.jetbrains.com.cn/help/img/idea/2026.2/ws_ts_toolwindow_compilation_errors.animated.gif)

* Select Compile TypeScript from the context menu of any TypeScript file. All the TypeScript files in the default scope will be compiled, as when you select Compile All from the TypeScript widget,

After that the tool window is accessible via `View | Tool Windows | TypeScript` in the main menu or via the tool window bar.

The tool window lists all the compilation errors detected in the chosen scope. This list is not affected by changes you make to your code and is updated only when you invoke compilation manually again.

Error messages are grouped by files in which they were detected.  To navigate to the code in question, double-click the corresponding error message or select it and choose Jump to Source from the context menu.

## TypeScript widget

![Compile TypeScript code](https://resources.jetbrains.com.cn/help/img/idea/2026.2/ws_ts_compile.png)

| Item | Description |
| --- | --- |
|     Compile       ![The Compile icon](https://resources.jetbrains.com.cn/help/img/idea/2026.2/app.actions.compile.svg)     |    Select this option to invoke manual TypeScript compilation and then select the range of files to compile.       * To compile the file in the active editor tab, choose the path to the file.    * To use the scope defined in a `tsconfig.json` file, choose the path to the required `tsconfig.json`.    * If you select Compile All, by default, the compiler runs in the whole project. To change this behavior, define another scope under the `files` property of your `tsconfig.json` file. Type the names of the files to process in the following format: ```JSON "files" : ["<file1.ts>","<file2.ts>"], ```     |
|    Configure TypeScript   ![The Configure button](https://resources.jetbrains.com.cn/help/img/idea/2026.2/app.expui.general.settings.svg)  |  Select this option to open the [TypeScript](settings-languages-typescript.html) page and edit the TypeScript settings.  |
|    Restart TypeScript Service    ![the Restart Service icon](https://resources.jetbrains.com.cn/help/img/idea/2026.2/app_client_expui_run_restart_language_service.png)  |  Select this option to clear run the TypeScript language service anew.  |

## Toolbar

| Item | Tooltip and shortcut | Description |
| --- | --- | --- |
|  ![Expand all](https://resources.jetbrains.com.cn/help/img/idea/2026.2/app.expui.general.expandAll.svg) / ![Collapse all](https://resources.jetbrains.com.cn/help/img/idea/2026.2/app.expui.general.collapseAll.svg)  |    Expand all   `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 +` (NetBeans), `Ctrl+NumPad +` (Visual Studio), `⌘ NumPad +` (Visual Studio (macOS)), `Ctrl+Shift+NumPad *` (Eclipse), `⌘ ⇧ NumPad *` (Eclipse (macOS))   Collapse all   `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 -` (NetBeans), `Ctrl+NumPad -` (Visual Studio), `⌘ NumPad -` (Visual Studio (macOS)), `Ctrl+Shift+NumPad /` (Eclipse), `⌘ ⇧ NumPad /` (Eclipse (macOS))  |  Use these buttons to have all nodes expanded or collapsed.  |
|  ![The Clear All button](https://resources.jetbrains.com.cn/help/img/idea/2026.2/app.actions.gc.svg)  |  Clear All  |  Click this button to remove all the error messages from the tool window.  |
|  ![The Close button](https://resources.jetbrains.com.cn/help/img/idea/2026.2/app.expui.general.closeSmall.svg)  |  Close `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` (NetBeans), `Ctrl+Shift+F4` (Visual Studio), `⌃ ⇧ F4` (Visual Studio (macOS)), `Ctrl+W` (Eclipse), `⌘ W` (Eclipse (macOS))  |  Click this button to terminate the compiler and the TypeScript language service and close the tool window.  |

## Context menu

|  Item  |  Icon and shortcut  |  Description  |
| --- | --- | --- |
|  Jump to source  |     ![Jump to source](https://resources.jetbrains.com.cn/help/img/idea/2026.2/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` (NetBeans), `F4` (Visual Studio), `⌘ ↓` (Visual Studio (macOS)), `F12` (Eclipse), `F3` (Eclipse (macOS))  |  Open the file where the selected error was detected and navigate to the fragment of code which caused the error.  |
|  Copy  |     ![Copy](https://resources.jetbrains.com.cn/help/img/idea/2026.2/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` (NetBeans), `Ctrl+C` (Visual Studio), `⌘ C` (Visual Studio (macOS)), `Ctrl+C` (Eclipse), `⌘ C` (Eclipse (macOS))  |  Copy the selected error message with the information on the file, the line, and the column where the error was detected.  |
| Navigate with single click |  When this option is selected, clicking an error message brings you to the code which caused the problem.  |
|  Collapse All  |     ![Collapse all](https://resources.jetbrains.com.cn/help/img/idea/2026.2/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 -` (NetBeans), `Ctrl+NumPad -` (Visual Studio), `⌘ NumPad -` (Visual Studio (macOS)), `Ctrl+Shift+NumPad /` (Eclipse), `⌘ ⇧ NumPad /` (Eclipse (macOS))  |  Hide the error messages and show only the files where compilation errors are detected.  |
|  Expand All  |     ![Expand all](https://resources.jetbrains.com.cn/help/img/idea/2026.2/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 +` (NetBeans), `Ctrl+NumPad +` (Visual Studio), `⌘ NumPad +` (Visual Studio (macOS)), `Ctrl+Shift+NumPad *` (Eclipse), `⌘ ⇧ NumPad *` (Eclipse (macOS))  |  Unfold all the nodes in the tool window and show the error messages for each file.  |
|  Export to text file  |     ![Export to text file](https://resources.jetbrains.com.cn/help/img/idea/2026.2/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` (NetBeans), `Alt+O` (Visual Studio), `⌃ O` (Visual Studio (macOS)), `Alt+O` (Eclipse), `⌃ O` (Eclipse (macOS))  |    Save a list of files where compilation errors occurred.        1.     In the Export Preview dialog that opens, specify the path to the text file where you want to store the list of files with compilation problems.       To have the corresponding error messages saved as well, make sure the Details checkbox is selected.       To save the list of erroneous files to the clipboard, click Copy.      ![TypeScript tool window: Export Preview](https://resources.jetbrains.com.cn/help/img/idea/2026.2/ws_ts_typescript_tw_save_errors.png)     2.     Click Save. If the specified file already exists, IntelliJ IDEA asks you whether you want to overwrite this file or to append the new file list to it.        |

## See also

### Procedures

[TypeScript](typescript-support.html)

### Reference

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