how to debug typescript files in visual studio code

by

I think it got simpler and simpler over the releases…

I have installed ts-node (https://github.com/TypeStrong/ts-node), so my config files end up very simple.

Install ts-node with npm install ts-node --save-dev in the project folder – thanks to Hrafnkell in the comments

launch.json

{
        "name": "Launch index.ts",
        "type": "node",
        "request": "launch",
        "runtimeArgs": [
            "-r",
            "ts-node/register"
        ],
        "args": [
            "${workspaceFolder}/src/index.ts"
        ]
}

There are two things worth noting:

  • runtimeArgs – passed to node to register the ts-node to handle the TypeScript files.
  • there is no program property. The name of TS file to start is given as first argument instead.

That way you do not need to compile the TS to JS, you can even have modules written in TS not compiled to JS yet.

More Related Contents:

  1. How can I see the full expanded contract of a Typescript type?
  2. Jest + Typescript + Absolute paths (baseUrl) gives error: Cannot find module
  3. Experimental decorators warning in TypeScript compilation
  4. What TypeScript version is Visual Studio Code using? How to update it?
  5. Visual Studio Code Automatic Imports
  6. Hide .js.map files in Visual Studio Code: File Nesting
  7. Setting up tsconfig with spec/test folder
  8. Vscode TS language features unavailable when tests/** are not included in the tsconfig
  9. How to define Typescript type as a dictionary of strings but with one numeric “id” property
  10. How to suppress “error TS2533: Object is possibly ‘null’ or ‘undefined'”?
  11. Why does A | B allow a combination of both, and how can I prevent it?
  12. Typescript Discriminated Union allows invalid state
  13. Why can’t I return a generic ‘T’ to satisfy a Partial?
  14. Parameters generic of overloaded function doesn’t contain all options
  15. What does ‘declare’ do in ‘export declare class Actions’?
  16. How to use namespaces with import in TypeScript
  17. Difference between type[] and [type] in typescript
  18. angular2 bootstrap with data from ajax call(s)
  19. Interface is allowing extra property when it is used as return type of a function
  20. Typescript: What’s the difference between an optional field and a union with undefined?
  21. How can I define an array of objects?
  22. How to require a specific string in TypeScript interface
  23. Typescript has unions, so are enums redundant?
  24. Why do subtypes need to be assigned to a variable before being used as a function argument?
  25. Typescript narrowing of keys in objects when passed to function
  26. ‘Property does not exist on type ‘never’
  27. Typescript type T or function () => T usage
  28. Flatten object with custom keys in Typescript
  29. The typescript shows an error “Object is possibly ‘undefined'”
  30. WebStorm/PhpStorm double quotes in TypeScript auto import

Leave a Comment