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 debug TypeScript code, perform these general steps:
  1. Configure the JavaScript debugger.
  2. Transpile the TypeScript code into Javascript.
  3. In the editor, open the HTML files with the TypeScript references.
  4. Manually replace the references to the TypeScript files with the references to the JavaScript files that were generated through the transpilation.
  5. Configure and set breakpoints in the TypeScript code. Although actually debugging will be performed against the generated JavaScript, PhpStorm will emulate TypeScript debugging using the generated source-maps that set correspondence between lines in the the TypeScript and in the JavaScript code.
  6. Proceed as if you were debugging JavaScript:
    1. Initiate a debugging session. For details about local and remote debugging, about debugging single files and entire applications, see Debugging JavaScript.
    2. Step through the program, stop and resume program execution, examine it when suspended, etc.

Note

Because JavaScript debugging is supported in Firefox or Google Chrome only, TypeScript can also be debugged only in these browsers.

See Also

Concepts:

Procedures:

Reference:

External Links:

Web Resources: