PhpStorm
 
2022.2
Shortcuts: Windows
Get PhpStorm
You are viewing the documentation for an earlier version of PhpStorm.
  1. Reference
  2. Settings/Preferences
  3. Languages and Frameworks
  4. TypeScript

TypeScript

Last modified: 01 April 2022

Required plugin: JavaScript and TypeScript

The plugin is bundled with PhpStorm and enabled by default.

warning

The page is available only when the JavaScript and Typescript plugin is enabled on the Settings/Preferences | Plugins page as described in Managing plugins.

tip

By default, the TypeScript Language Service checkbox is selected.

Node interpreter

In this field, specify the Node.js interpreter to use. This can be a local Node.js interpreter or a Node.js on Windows Subsystem for Linux.

TypeScript

In this field, specify the version of the TypeScript to use (PhpStorm 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 PhpStorm without attempting to find another one.

  • Select: choose this option to use a custom typescript package instead of the one bundled with PhpStorm. 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 PhpStorm.

  • TypeScript code is compiled into JavaScript.

Item

Description

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.

tip

You can enhance completion in JavaScript files with suggestions from the TypeScript Language Service. To do that, add 'allowJS' : true to your jsconfig.json or tsconfig.json file. Learn more from Code completion and Configure JavaScript libraries.

See also

Procedures