PhpStorm 6.0.1 Web Help

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:
    • To have the application opened in the PhpStorm default browser, choose View | Open in browser on the main menu.
    • To have the application opened in Firefox, choose View | Reload in Firefox on the main menu.
    • To have the application opened in a specific browser of your choice, choose View | Web preview on the main menu or press Alt+F2Alt+F2. Then select the desired browser from the pop-up menu.

      Tip

      Alternatively, hover your mouse pointer over the code to show the browser icons bar, and click the icon that indicates the desired browser:

      browserIcons

See Also

Concepts:

Procedures:

Reference:

Web Resources: