CLion 2020.1 Help

TypeScript tool window

View | Tool Windows | TypeScript

CLion shows this tool window only when the TypeScript Language Service is activated.

Open the TypeScript tool window and compile your code

Errors

The tab lists the discrepancies in the code detected by the TypeScript Language Service. The list is updated dynamically as you change your code.

By default, the list contains only the errors from the file in the active editor tab and the full path to this file is displayed at the top. To show the errors across the entire project, press the Show project errors toggle button Show project errors toggle button on the toolbar.

Error messages are grouped by files in which they were detected.

ws_ts_toolwindow_syntax_errors.png

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.

Compile Errors

When you have just opened the TypeScript tool window, you cannot see the Compile errors tab in it. The tab shows up only after first manual compilation, when you click Compile all button and select the compilation scope.

TypeScript: monitor compilation errors

The tab 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.

Toolbar

ItemTooltip and shortcutDescription
The Compile button Compile

Click this button and choose 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 one.

  • If you choose Compile All, by default, the compiler runs in the whole project. To change this behaviour, define another default scope in the Compile scope field on the TypeScript page.

The Configure button Configure Click this button to open the Typescript page and edit the TypeScript settings.
The Restart TypeScript Service button Restart TypeScript Service Click this button to clear the tabs and run the TypeScript Language Service anew.
The Close button Close Ctrl+Shift+F4 Click this button to terminate the compiler and the TypeScript Language Service and close the tool window.
The Show project errors button Show project errors By default, this toggle button is released and the tab shows the errors from the current TypeScript file. Press this toggle button to show the errors across the entire project.
Expand all
Collapse all
Expand all
Ctrl+NumPad +
Collapse all
Ctrl+NumPad -
Use these buttons to have all nodes expanded or collapsed.
The Clear All button Clear All Click this button to remove all the error messages from the currently active pane.

Context Menu

The context menu is common for the Errors and the Compile Errors tabs.

Item Description
Jump to source Choose this option to open the file where the selected error was detected and navigate to the fragment of code which caused the error.
Copy Choose this option to copy the selected error message with the information on the file, the line, and the column where the error was detected.

Console

The tab shows the log of the TypeScript Language Service since the tool window was opened.

Last modified: 06 July 2020