vscode调试TypeScript/ts，ts断点调试环境配置

546次阅读

废话不多说，

vscode扩展里搜索安装TypeScript Debugger扩展
任意目录打开命令行工具执行`npm install ts-node -g`安装ts-node
下断点在项目入口文件（比如app.ts）按F5选择TS-Dug开始调试,第一次会创建配置文件，无需任何修改。

配置文件无需修改，这里也贴一下吧：

// 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "ts-node",
            "type": "node",
            "request": "launch",
            "args": [
                "${relativeFile}"
            ],
            "runtimeArgs": [
                "-r",
                "ts-node/register"
            ],
            "cwd": "${workspaceRoot}",
            "protocol": "inspector",
            "internalConsoleOptions": "openOnSessionStart"
        }
    ]
}

顺便提下，如果项目已经运行要先结束掉，否则端口占用F5调试跑不起来，有时候项目运行结束掉了端口还是有可能被占用着，可以使用如下命令（win）：

` netstat -ano | findstr 3232 `

` taskkill /F /PID 18500 `

发表于：技术分享

2023-07-27

# TypeScript