IntelliJ IDEA 13.1.0 Web Help

Some features described here are available in Ultimate edition only.

IntelliJ IDEA supports developing and running TypeScript source code. IntelliJ IDEA recognizes *.ts files, and allows you to edit them providing full range of coding assistance without any additional steps from your side. TypeScript files are marked with the typeScript.png icon.

To run, debug, and test your code you will need it translated into JavaScript which requires a transpiler

In this section:

Preparing for TypeScript development
  1. Make sure the JavaScript Support and Node.js plugins are installed and enabled.

    These plugins are not bundled with IntelliJ IDEA, but they are available from the JetBrains plugin repository. Once enabled, the plugins are available at the IDE level, that is, you can use them in all your IntelliJ IDEA projects. See Enabling and Disabling Plugins for details.

  2. Download and install the Node.js framework.
  3. Configure the Node.js interpreter in IntelliJ IDEA:
    1. Choose File | Settings and in the Settings dialog box that opens, click Node.js and NPM.
    2. On the Node.js page that opens, specify the location of the desired Node.js interpreter.

Coding assistance

TypeScript support includes:

  • Code completion for keywords, labels, variables, parameters and functions.
  • Error and syntax highlighting.
  • Code formatting and folding.
  • Numerous code inspections and quick-fixes.
  • Refactoring
    • Common refactoring procedures, such as extract method , inline, rename/move, etc.
    • TypeScript-specific refactoring procedures, such as change signature, extract parameter, extract variable. These types of refactoring are identical with JavaScript, for more details, see the section JavaScript-Specific Refactorings
  • Code generation
    • Generating code stubs based on file templates during file creation.
    • Ability to create line and block comments ( or or or or or , or , or or or or or / or or or or or or , or or , , , , or , , or ).
    • Downloading stubs for TypeScript definition files and configuring them as a IntelliJ IDEA JavaScript library (see Configuring JavaScript Libraries).
  • Navigation and search through the source code:
    1. Navigating with Structure View.
    2. Navigate | Declaration (, or , or , or , or , , or , or , , , or , or or , or , or or ).
    3. Navigate | Implementation ( or or or or or or or or or or or or ) from overridden method / subclassed class.
  • Transpiling to JavaScript for further running, testing, and debugging.

See Also

Language and Framework-Specific Guidelines:

External Links:

Web Resources: