vscode不需要生成js文件的ts调试方法

步骤

1. 安装 typescript 和 ts-node 依赖。

npm install typescript ts-node --save-dev

2. 添加 tsconfig.json，使用默认即可。

tsc --init

3. 配置自动编译

使用vscode自动生成launch.json。并将以下配置添加到configurations下。

{
    "name": "Current TS File",
    "type": "node",
    "request": "launch",
    "program": "${workspaceRoot}/node_modules/ts-node/dist/bin.js",
    "args": [
        "${relativeFile}"
    ],
    "cwd": "${workspaceRoot}",
    "protocol": "inspector",
    "runtimeExecutable": "/usr/local/bin/node" // for Mac
}

注意：其中program和runtimeExecutable需要按需配置。不同版本的ts-node的可执行文件不同，需要去对应目录下查找对应可执行文件名，并填入program字段中。Mac系统可能会出现node路径不存在的问题，添加runtimeExecutable字段即可。

参考

• vscode 调试 TypeScript