vscode怎么配置配置文件来跟踪跳转代码
时间: 2024-09-30 07:13:59 浏览: 44
Visual Studio Code (VSCode) 提供了一个名为`launch.json`的配置文件,用于设置调试任务和跳转到源代码的功能,特别是对于JavaScript、TypeScript等语言。以下是创建和配置`launch.json`的基本步骤:
1. **打开配置文件**:
- 打开VSCode菜单栏,选择 `File` > `Preferences` > `Settings` 或者按 `Ctrl + ,` (Windows/Linux)或 `Cmd + ,`(macOS)。
- 在搜索框里输入 "launch.json",你会看到它应该出现在配置文件列表中。点击它,如果没有就点击右上角的`+`新建。
2. **编辑`launch.json`**:
- 使用默认模板开始编写配置:
```json
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/index.js"
}
]
}
```
- 这里定义了一个简单的Node.js启动配置。你可以根据需要修改`type`,如`"type": "pwa-node"`(Progressive Web App with Node.js)或其他支持的语言类型。
3. **设置断点和跳转**:
- 在代码中设置断点(按 `F9` 或鼠标悬停并单击行号)。
- 调试时,VSCode会自动定位到断点处,并可以在控制台查看变量值和执行流程。
4. **配置调试会话**:
- 如果你想跟踪函数调用,可以配置`sourceMap`选项以启用源码映射。例如,在`tsconfig.json`中开启`"sourceMap": true`,并在`launch.json`中加入`sourceMaps: true`。
5. **运行和调试**:
- 按下 `F5` 或从调试工具栏启动调试任务。VSCode会根据`launch.json`配置来运行你的应用,并允许你在代码中导航。
阅读全文