VScode debug

### 如何在 VSCode 中进行调试配置和使用 #### JavaScript 调试配置 对于JavaScript项目，为了开始调试过程，需先确保已安装Node.js环境以及必要的VSCode扩展。之后，应打开或创建`launch.json`文件[^1]： - 进入“运行和调试”侧边栏（可通过快捷键Ctrl+Shift+D访问）。 - 若不存在`launch.json`，点击“创建launch.json文件”的链接；此时会弹出对话框让用户选择要使用的环境——针对前端应用推荐选用“Chrome”。 此JSON配置文档允许指定多个不同的调试场景，比如附加到正在运行的应用程序或是直接启动并附带特定参数的新实例。 ```json { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" } ] } ``` 上述代码片段展示了如何设置一个用于启动Google Chrome浏览器并对本地服务器发起请求的基础配置示例。 #### Go语言调试配置 当涉及到Go语言时，默认情况下，VSCode通过其官方提供的Go插件利用debug console来执行调试操作而不是外部终端[^2]。然而，用户可能更倾向于在一个真实的shell环境中测试应用程序的行为。解决办法是在`.vscode/launch.json`内调整相关属性以适应个人需求: ```json { "version": "0.2.0", "configurations": [ { "name": "Run Package", "type": "go", "request": "launch", "mode": "auto", "program": "${file}", "console": "integratedTerminal" } ] } ``` 这段配置使得可以在集成的终端中查看输出结果，从而更好地模拟实际部署条件下的表现形式。 #### HTML 文件调试注意事项 值得注意的是，在处理HTML文件时可能会遇到一些特殊情况，例如尝试调试某个具体的网页却始终加载另一个页面的情况。这是因为如果没有特别指明的话，VSCode将会自动选取根目录下的`index.html`作为入口点[^3]。为了避免这种情况发生，应当仔细编辑`launch.json`里的路径映射规则，确保指向正确的资源位置。 #### C++ 编译与调试准备 最后，考虑到C++项目的复杂度较高，除了常规的调试外还需要考虑编译环节。为此，可以借助于`tasks.json`来进行构建任务定义[^4]。具体来说就是通过命令面板(`Ctrl + Shift + P`)调用“Tasks: Configure Default Build Task...”，接着按照提示完成相应选项的选择即可自动生成所需的脚本模板。