如何在VS Code中使用ts-node调试TypeScript

环境前提：
node.js : v8.*
typescript : 3.4.5
vscode:1.* (去官网下载最新版就对了)

安装npm依赖包

npm initnpm install typescript --save-devnpm install ts-node --save-dev

目录下新建 tsconfig.json

tsc --init

打开tsconfig.json，修改如下：

{  "compilerOptions": {      "module": "commonjs",      "target": "es5",      "noImplicitAny": true,      "outDir": "./dist",      "sourceMap": true  },  "include": [      "src/**/*"  ]}

配置 launch.json

打开 DEBUG 界面，增加配置 ，如下图

launch.json.png

launch.json :

{    "version": "0.2.0",    "configurations": [        {            "name": "Current TS File",            "type": "node",            "request": "launch",            "program": "${workspaceRoot}/node_modules/ts-node/dist/bin.js",            "args": [                "${relativeFile}"            ],            "cwd": "${workspaceRoot}",            "protocol": "inspector"        }    ]}

调试

1. 目录下新建test.ts

   ts.png

写完测试ts文件按F5 或者者打开 debug 界面，就发现进入了断点，并且左边可以看到相应变量。

image.png

好了，下面开始你的表演，继续学习TS吧
传送门 [TypeScript 入门教程]： https://ts.xcatliu.com/