VSCode ES6断点调试

支持import/export语法

基本环境配置

1. 依赖安装
   npm i -g @babel/core @babel/node
npm i @babel/preset-env @babel/core --save-dev
2. 编写.babelrc文件

   {
       "presets": [ "@babel/preset-env" ]
   }
   

3. 编写test.js注册脚本
4. 命令行执行
   babel-node test.js

vscode断点调试环境

1. 添加配置

   
   
   

   image.png

2. 修改配置

{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [

    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/lodashTest.js", //这里的lodashTest.js是你的测试文件
      "runtimeExecutable": "babel-node"
    }
  ]
}

3. 运行

   
   
   

   image.png

image.png

传送门
通过 babel-node 运行 ES6 import/export 语法
Node 项目调试