如何使用javaScripDebug调试Ts项目
时间: 2023-12-13 10:05:15 浏览: 109
要使用 JavaScript Debug 在 VSCode 中调试 TypeScript 项目,需要进行以下步骤:
1. 在 VSCode 中打开 TypeScript 项目,并确保存在 tsconfig.json 文件。
2. 在 VSCode 中安装 JavaScript Debug (如果未安装)。
3. 在 VSCode 中打开 Debug 面板,点击“Create a launch.json file”按钮,选择 JavaScript debug。
4. 在 launch.json 文件中,添加以下配置:
```
{
"type": "node",
"request": "launch",
"name": "Debug TypeScript",
"program": "${workspaceFolder}/node_modules/ts-node/dist/bin.js",
"args": [
"${workspaceFolder}/path/to/your/ts/file.ts"
],
"cwd": "${workspaceFolder}",
"protocol": "inspector"
}
```
其中,args 字段指定了 TypeScript 文件的路径。
5. 在 TypeScript 代码中添加断点,然后在 Debug 面板中点击“Start Debugging”按钮。
6. 在启动的调试会话中,可以使用 VSCode 的调试工具进行断点调试,观察变量的值等操作。
注意:在使用 TypeScript 调试之前,需要先将 TypeScript 文件编译成 JavaScript 文件,可以使用 tsc 命令或者使用 VSCode 中的 TypeScript 插件进行编译。
阅读全文