vscode 如何在本地编辑器上进行断点运行调试ts项目
时间: 2024-02-11 12:06:04 浏览: 19
在 VS Code 上进行 TypeScript 项目的断点运行调试,需要进行以下几个步骤:
1. 在 VS Code 中打开 TypeScript 项目,并且在 `launch.json` 文件中添加配置:
```
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Debug TypeScript",
"program": "${workspaceFolder}/src/index.ts",
"outFiles": [
"${workspaceFolder}/dist/**/*.js"
],
"preLaunchTask": "tsc: build - tsconfig.json",
"sourceMaps": true
}
]
}
```
其中,`program` 是入口文件的相对路径,`outFiles` 是编译后的 JavaScript 文件的路径,`preLaunchTask` 是在启动调试之前运行的任务,通常是编译 TypeScript 的任务。
2. 在项目中添加断点。
3. 在 VS Code 中按下 `F5` 启动调试。
4. VS Code 会自动编译 TypeScript 文件,并启动 Node 进程,在终端输出的信息中会显示调试端口号。
5. 在浏览器中操作项目,当代码执行到断点时,VS Code 会自动停在断点处,你可以通过调试工具查看变量的值和执行上下文。
这样就可以在本地编辑器上进行 TypeScript 项目的断点运行调试了。