vscode TS 调试
时间: 2025-01-24 08:03:54 浏览: 40
### 在 VSCode 中配置和使用 TypeScript 调试
为了在 Visual Studio Code (VSCode) 中成功调试 TypeScript 应用,需完成几个必要的设置。
#### 安装 TypeScript 和 ts-node
确保已安装 TypeScript。这可以通过全局安装来实现:
```bash
npm install -g typescript
```
验证安装是否成功的命令为 `tsc -v`[^2]。另外,推荐安装 `ts-node` 工具,它允许直接在 Node.js 环境中运行 TypeScript 文件而无需预先编译成 JavaScript。对于本地项目的依赖项来说,可采用如下方式安装:
```bash
yarn add ts-node --dev --save-exact
```
#### 创建 launch.json 配置文件
接下来,在 `.vscode/launch.json` 文件内定义调试器配置。默认情况下生成的模板可能不适用于 TypeScript 的需求;因此建议按照特定结构调整此 JSON 文件的内容:
```json
{
"version": "0.2.0",
"configurations": [
{
"name": "调试TypeScript",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/node_modules/ts-node/dist/bin.js",
"args": ["${file}"],
"cwd": "${workspaceFolder}",
"protocol": "inspector"
}
]
}
```
上述配置指定了当启动调试会话时所使用的程序入口点以及工作目录等重要参数[^3]。
#### 启动调试过程
一旦完成了以上准备工作,则可以在编辑器右侧点击绿色箭头按钮或按 F5 键发起一次新的调试请求。此时,VSCode 将依据指定的 `launch.json` 设置加载并执行当前打开的 .ts 文件,并进入断点等待状态以便开发者逐步分析代码逻辑。
阅读全文
相关推荐
















