如何在 VS Code 中调试 Node.js 项目
在开发 Node.js 应用时,代码调试是一个不可或缺的步骤。VS Code 提供了一个使用方便的集成式调试器,可以帮助我们快速诊断代码问题。
准备工作
在开始调试之前,请确保您已经安装并正确配置了以下环境:
Node.js 和 npm
Visual Studio Code
安装调试插件
首先需要安装调试插件 JavaScript Debugger。在 VS Code 中选择 Extensions(扩展)选项卡,搜索并安装该插件。
然后,在 VS Code 的 Debug 栏上方,单击设置按钮,选择“Debug Configurations”,确保选中“Node.js”环境。
选择需要调试的指令
配置启动文件
在 VS Code 的左侧菜单栏中,选择 Debug 选项卡,再单击界面上的 create a launch.json file 链接。
此时,VS Code 会弹出一个选择框,让你选择运行环境。你需要选择 Node.js 环境,然后点击“创建”。
VS Code 将自动生成一个默认的 launch.json 文件,并打开该文件进行编辑。这个文件用于定义如何启动和调试 Node.js 应用程序。
在这个 json 文件中,可以配置多个不同的 debug 模板,每个模板对应着一种不同的启动方式。
下面是一个示例:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch program",
"type": "node",
"request": "launch",
"program":"${workspaceFolder}/app.js",
"console": "integratedTerminal"
}
]
}
这个模板中,name 属性指定了这个启动模板的名称;type 指定了这个模板的类型为 Node.js;program 属性指定要启动的文件名和路径;console 属性则指定了调试控制台的类型。
选择该模板后,将会在 VS Code 调试栏开始预处理数据,生成打包结果。启动完成后,它会显示一条信息,说明已成功连接到被调试的程序。
设置断点
通过点击编辑器左边的行号部分,即可在你想要的位置设置断点。上一次执行到程序定义的断点时就会停下来,程序进入暂停状态,最终可以查看到程序当前的变量值,帮助我们发现代码错误。
调试过程详见 VS Code debugging 教程。
完毕,祝你愉快的 Node.js 开发之旅!