1. 简介
如今，JavaScript已经成为了前端领域最被广泛使用的编程语言，在我们的日常工作中经常会使用JS与服务器进行交互。而Node.js作为一组基于Chrome V8引擎的JavaScript运行环境，可以让JS代码在服务器端运行，为开发者提供了更加便捷的开发方式。
在本文中，我们将会介绍在VSCode中如何配置JS基于Node.js的调试环境，为开发者提供更方便的开发和调试体验。
2. 安装Node.js
要想在VSCode中配置JS基于Node.js的调试环境，首先需要在本地安装Node.js。Node.js官网提供了多种安装方式，这里我们介绍Windows下的安装方式，其他操作系统的安装方式可以到官网查看。
2.1 下载安装包
可以在Node.js官网的下载页面下载对应的Node.js安装包。推荐下载LTS版本，LTS版本意为长期支持版本，具备更强的稳定性和可靠性。
2.2 安装Node.js
下载完毕后，可以直接运行安装包进行安装，安装过程比较简单，这里不再赘述。
2.3 验证安装
安装完成后，可以使用命令行检查Node.js是否安装成功。在终端中输入以下命令：
node -v如果显示出当前安装的Node.js的版本号，则代表安装成功。
3. 新建一个JS项目
在VSCode中新建一个JavaScript项目，打开终端，输入以下命令，可以新建一个名为“myapp”的JS项目：
mkdir myapp
cd myapp
npm init -y
这里通过npm init -y生成一个默认的package.json文件，该文件包含项目的依赖关系。
4. 安装调试工具
在VSCode中配置Node.js调试环境前，我们需要先安装调试工具。这里我们推荐使用VSCode自带的调试工具——VSCode Node.js调试器。
4.1 安装VSCode Node.js调试器
在VSCode的插件商店中搜索“Node.js调试器”并安装。
4.2 配置启动项
在VSCode中打开“调试”面板，点击“添加配置”按钮，在弹出的对话框中选择“Node.js:启动程序”，然后VSCode会在项目的根目录下自动生成一个名为“.vscode”的文件夹，并在该文件夹下自动生成一个“launch.json”文件。
该文件用于配置调试启动项，我们需要按照如下配置进行修改：
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceFolder}/app.js"
}
]
}
其中program属性指定了Node.js的执行文件——app.js。这里需要说明的是，app.js代表你的Node.js脚本文件，如果你的文件名不是app.js，则需要将其改成你的文件名。
5. 编写JS代码
在项目根目录下新建一个名为“app.js”的文件，然后在其中编写以下JS代码：
function add(a, b) {
return a + b;
}
console.log(add(1, 2));
该代码用于对两个数进行求和，并在控制台中输出结果。
6. 运行程序并调试
在VSCode中按下F5键，即可启动调试。VSCode会自动打开调试面板，在面板的顶部可以看到程序已经运行，并输出了1+2的值3。
7. 总结
通过上述步骤，我们已经成功地在VSCode中配置了JS基于Node.js的调试环境，并对JS代码进行了调试。Node.js的应用场景非常广泛，在各种服务器应用、命令行工具、Web框架等中都有所应用。希望本文可以帮助你更好地理解如何在VSCode中配置JS基于Node.js的调试环境，提高开发效率。