VSCode如何配置JavaScript调试?
时间: 2024-10-25 11:07:19 浏览: 32
基于VSCode调试网页JavaScript代码过程详解
5星 · 资源好评率100%
Visual Studio Code (VSCode) 是一个强大的代码编辑器,支持丰富的插件系统,其中包括内置的 JavaScript 调试功能。以下是基本步骤来配置 JavaScript 调试:
1. **安装调试器**:首先,你需要安装 Node.js 和对应的 Debugger for Chrome 或 Firefox 插件(如果你的目标是浏览器环境),以及VSCode的内置Node.js debugger。可以在VSCode的 Extensions Marketplace搜索并安装它们。
2. **启动调试会话**:在VSCode中打开项目文件夹,按 `Ctrl + ,` (Windows/Linux) 或 `Cmd + ,` (Mac) 打开用户设置(`.vscode/settings.json`),添加或修改配置。对于Node.js项目,你可以创建一个新的 `.vscode/launch.json` 文件,配置如下:
```json
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/index.js" // 替换为你项目的入口文件
}
]
}
```
3. **设置断点**:在你想要暂停执行的代码行上点击即可设置断点。断点图标通常是红色圆圈。
4. **启动调试**:使用快捷键 `F5` 或从菜单选择 "Debug" -> "Start Debugging",VSCode 将会在指定的环境中启动程序,并在遇到断点时暂停。
5. **调试控制**:在调试视图(一般在右侧或底部)你可以查看变量值、单步执行、查看堆栈等操作。
阅读全文