node代码调试（2）——使用VSCode调试

上篇文章介绍了如何在chrome下调试nodejs代码（请访问：https://blog.youkuaiyun.com/huzhenv5/article/details/103513125），本篇文章将介绍如何在VSCode下调试nodejs的代码。
个人觉得这种方式调试js代码最为简便，推荐！

本机vscode环境：

1，打开vscode后，点击左边像虫子一样的调试图标

2，创建launch.json文件
点击进入调试页面后，会有两种可能出现的页面情况
第一种：点击齿轮图标

第二种：点击 create a launch.json file

点击后，会自动创建一个launch.json文件，该文件就是vscode的启动配置文件。如果没有自动创建，会提示一个选择环境的搜索框，选择node.js即可完成launch.json文件的创建

完成创建后，当前项目的根目录会自动创建一个.vscode的文件夹，launch.json文件就放在该文件夹中

3，配置启动文件

将launch.json文件中program字段的index.js改成需要调试的js文件在本工程中的相对路径

4，开始调试

launch.json文件有个configurations字段，该字段是一个数组，数组中每个元素对应一个启动配置，每个元素的name就是该启动配置的名称，可以在调试之前选择需要调试的配置

在调试页面，选择需要调试的配置，然后点击绿颜色的run按钮开始调试

5，断点调试

在运行之前，在需要打断点的地方打上断点标记（鼠标移到对应的行的行头，会有一个小红点提示，点击一下就会打上断点）

程序运行到断点处后会暂停，左边调试栏有当前上下文的变量值，窗口上部也会出现断点调试的工具栏

如上就可以愉快的使用vscode来调试js代码了，如果想了解更多的vscode调试技巧，可以访问vscode的官方网站：https://code.visualstudio.com/docs/editor/debugging

如果想了解更多其它开发工具调试node的方法，可以访问node的官网，有简洁的介绍可供参考：
https://nodejs.org/zh-cn/docs/guides/debugging-getting-started/

网页截图如下：