环境
tsc: Version 5.4.5
ts-node: v10.9.2
node: v20.12.0
步骤
1.创建文件夹,下方创建一个index.ts。
function test() {
let str: string = 'Hello world.'
console.log(str)
}
test()
2.安装ts调试插件。
3.点击VSCode的运行和调试Tab(第三个),创建launch.json文件。
4.更改launch.json。首先更改runtimeArgs中的ts-node/register为绝对路径,可以通过where ts-node
查看ts-node路径并拼接。再添加配置"program": "${workspaceFolder}/index.ts"
,说明调试哪一个ts文件。
完整launch.json
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "ts-node",
"type": "node",
"request": "launch",
"args": [
"${relativeFile}" // ${relativeFile} 是表示当前打开的文件
],
"runtimeArgs": [
"-r",
"/Users/abc/.nvm/versions/node/v20.12.0/lib/node_modules/ts-node/register"
],
"cwd": "${workspaceRoot}",
"protocol": "inspector",
"internalConsoleOptions": "openOnSessionStart",
"program": "${workspaceFolder}/index.ts"
},
]
}
5(可选).通过tsc --init生成默认tsconfig.json。
6.打断点。
7.F5调试,应该就可以了。
参考
如何基于VSCode调试Typescript代码
vscode ts-node 调试 Cannot find module ‘ts-node/register’