在 Visual Studio Code 中使用 babel-node 进行调试
在前端开发过程中，我们经常需要调试 JavaScript 代码。在使用 ES6 或更高版本的语法时，我们通常会使用 Babel 将代码转换为 ES5，并在浏览器中运行。然而，在某些情况下，我们可能需要在 Node.js 环境中进行调试，这时就可以使用 babel-node 工具来运行和调试代码。
安装依赖
首先，我们需要安装必要的依赖：
npm install --save-dev @babel/core @babel/node @babel/preset-env nodemon
以上依赖包含了 babel-core、babel-node 和 babel-preset-env，以及 nodemon 工具，用于监视文件变化并自动重启 Node.js 进程。
配置 Babel
接着，在项目的根目录下创建一个 .babelrc 文件，用于配置 Babel 的预设和插件：
{
"presets": [
"@babel/preset-env"
]
}以上配置表示使用 @babel/preset-env 预设来转换代码。
配置 VS Code
在 Visual Studio Code 中，我们还需要配置 launch.json 文件来启动调试会话。在 VS Code 的左侧菜单中选择调试（Debug）选项卡，点击齿轮图标进入编辑模式，然后添加以下配置：
-- -------------------- ---- ------- - ------- ------- ---------- --------- ------- ------ ---- ------------ -------------------- ---------- -------------- ---------- -------------- ---------- ----- ---------- --------------------- ---------- ----------------------------- -
以上配置中，type 表示调试类型为 Node.js；request 表示请求类型为启动调试；name 表示调试会话的名称；runtimeExecutable 表示运行时可执行文件为 nodemon；runtimeArgs 表示运行时参数为 --exec babel-node，表示使用 babel-node 运行代码；restart 表示重启 nodemon 进程；console 表示在集成终端（integratedTerminal）中输出调试信息；program 表示要调试的程序入口文件。
进行调试
现在，我们就可以开始进行调试了。在 VS Code 中打开要调试的项目，添加断点，然后按下 F5 启动调试会话。
以下是一个简单的示例代码：
// index.js const add = (a, b) => a + b; const result = add(1, 2); console.log(result);
在上述代码中，我们定义了一个名为 add 的函数，接着调用该函数并将结果输出到控制台。
当程序运行到断点处时，我们可以查看变量、堆栈等信息来进行调试。在完成调试后，我们可以通过关闭 VS Code 的集成终端或按下 Shift+F5 来结束调试会话。
总结：使用 babel-node 工具可以帮助我们在 Node.js 环境中调试使用了 ES6 或更高版本语法的代码。在 VS Code 中，配置 launch.json 文件即可快速启动调试会话。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/606f15fb2d2a29a3c1203146