方法来源: ts-node
现在国内很多博客所讲的 typescript 调试方法, 都是先将 typescript 转译为 js 的方式进行调试, 配置繁琐麻烦。
那么有没有不用转译, 就可以直接对 typescript 进行调试的方法呢?
有的。
笔者 vscode 版本: 1.30.2、 ts-node 版本: 7.0.1, 亲测有效
npm install --save-dev typescript ts-node tsconfig-paths
-
.vscode/launch.json
中添加配置项
{
"name": "TS File",
"type": "node",
"request": "launch",
"runtimeArgs": [
"-r",
"ts-node/register",
"-r",
"tsconfig-paths/register"
],
"args": ["${workspaceFolder}/src/main.ts"]
}
其中:
-
rumtimeArgs
传递参数给 node, 注册ts-node
以处理 TypeScript 文件, 注册tsconfig-paths
处理tsconfig.json
中配置的paths
路径映射。 - 移除了
program
属性, 这样 VS Code 就不会查找outFiles
了。 - 应用入口文件作为首个参数。
这样就可以在不转译 ts 的情况下, 愉快地调试程序了, 简单吧。