PhpStorm 2016.1 Help

Transpiling TypeScript to JavaScriptDebugging TypeScript

Running TypeScript

TypeScript code is not processed by browsers that work with JavaScript code. Therefore to be executed, TypeScript code has to be translated into JavaScript. This operation is referred to as transpilation and the tools that perform it are called transpilers.

For more details about using transpilers in PhpStorm, see the section Using File Watchers.

To run a file with injected TypeScript from PhpStorm

No run configuration is required for launching applications with injected TypeScript from PhpStorm.

  1. Transpile the TypeScript code into Javascript.
  2. In the editor, open the HTML file with the TypeScript reference. This HTML file does not necessarily have to be the one that implements the starting page of the application.
  3. Manually replace the reference to the TypeScript file with the reference to the JavaScript file that was generated through the transpilation.
  4. Do one of the following:
    • Choose View | Preview file in on the main menu or press Alt+F2. Then select the desired browser from the pop-up menu.
    • Hover your mouse pointer over the code to show the browser icons bar: browserIcons Click the icon that indicates the desired browser.
Transpiling TypeScript to JavaScriptDebugging TypeScript

See Also

Procedures:

Reference:

Concepts:

Last modified: 12 July 2016