TypeScript

Node interpreter

In this field, specify the Node.js interpreter to use.

If you choose the Project alias, WebStorm will automatically use the project default interpreter from the Node interpreter field on the Node.js page . In most cases, WebStorm detects the project default interpreter and fills in the field itself.

You can also choose another configured local or remote interpreter or click and configure a new one.

See Configuring remote Node.js interpreters, Configuring a local Node.js interpreter, and Using Node.js on Windows Subsystem for Linux for details.

TypeScript

In this field, specify the version of the TypeScript to use (WebStorm displays the currently chosen version).

By default, the typescript package from the project's node_modules folder is used.
Bundled: choose this option to use the typescript package that is shipped with WebStorm without attempting to find another one.
Select: choose this option to use a custom typescript package instead of the one bundled with WebStorm. In the dialog that opens, choose the path to the relevant package.
If your project package manager is Yarn 2, you have to use the typescript package installed via Yarn 2. In this case, yarn:package.json:typescript is by default selected.
Learn more about package managers from npm and Yarn.

TypeScript Language Service

Select this checkbox to get native support from the TypeScript Language Service according to the up-to-date specifications. As a result:

Syntax and error highlighting is based on the annotations from the TypeScript Language Service.
Completion lists contain both suggestions from the TypeScript Language Service and suggestions calculated by WebStorm.
TypeScript code is compiled into JavaScript.

Item	Description
Show project errors	By default, this checkbox is selected and the TypeScript Language Service checks the code across the entire project. The detected errors are listed in the Project Errors tab of the Problems tool window grouped by files where they occurred. To avoid performance issues, clear the Show project errors checkbox so the TypeScript Language Service checks files only when you open them. The Project Errors tab will then list the errors that are detected only in the files that you have aleady opened.
Recompile on changes	When this checkbox is selected, the compiler "wakes up" upon any change to a TypeScript file. When this checkbox is cleared, the compiler ignores changes to TypeScript files.
Options	In this field, specify the command-line options to be passed to the TypeScript Language Service when the tsconfig.json file is not found. See the list of acceptable options at TSC arguments. Note that the `-w` or `--watch` (Watch input files) option is irrelevant.

Item

Description

Show project errors

By default, this checkbox is selected and the TypeScript Language Service checks the code across the entire project. The detected errors are listed in the Project Errors tab of the Problems tool window grouped by files where they occurred.

To avoid performance issues, clear the Show project errors checkbox so the TypeScript Language Service checks files only when you open them. The Project Errors tab will then list the errors that are detected only in the files that you have aleady opened.

Recompile on changes

When this checkbox is selected, the compiler "wakes up" upon any change to a TypeScript file.
When this checkbox is cleared, the compiler ignores changes to TypeScript files.

Options

In this field, specify the command-line options to be passed to the TypeScript Language Service when the tsconfig.json file is not found. See the list of acceptable options at TSC arguments. Note that the -w or --watch (Watch input files) option is irrelevant.

Last modified: 21 April 2023