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

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

安装npm依赖包

npm init
npm install typescript --save-dev
npm 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/