如何用vscode调试ts项目
时间: 2024-02-11 17:05:13 浏览: 118
VSCODE常用常见上传
要在 VS Code 中调试 TypeScript 项目,需要按照以下步骤进行设置:
1. 确保已经安装了 TypeScript 和 VS Code。
2. 在 VS Code 中打开 TypeScript 项目。
3. 在项目根目录下创建一个 `launch.json` 文件。可以通过点击 VS Code 左侧的调试按钮,然后在弹出的面板中点击齿轮图标(打开“launch.json”)创建该文件。
4. 在 `launch.json` 文件中添加一个配置项,如下所示:
```json
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug TypeScript",
"type": "node",
"request": "launch",
"runtimeArgs": [
"-r",
"ts-node/register"
],
"args": [
"${workspaceFolder}/path/to/your/script.ts"
],
"sourceMaps": true,
"cwd": "${workspaceFolder}"
}
]
}
```
其中,`name` 是该配置项的名称,`type` 是调试的类型,`request` 是调试请求类型,`runtimeArgs` 是运行时参数,`args` 是传递给程序的命令行参数,`sourceMaps` 是指定是否使用源映射,`cwd` 是指定工作目录。
5. 在 VS Code 中按 `F5` 或点击调试按钮,选择 `Debug TypeScript` 配置项开始调试。
以上就是在 VS Code 中调试 TypeScript 项目的步骤。
阅读全文