美文网首页
VSCode ES6断点调试

VSCode ES6断点调试

作者: 2林子易2 | 来源:发表于2019-07-08 15:24 被阅读0次

支持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
  1. 修改配置
{
  // 使用 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"
    }
  ]
}
  1. 运行


    image.png
image.png

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

相关文章

网友评论

      本文标题:VSCode ES6断点调试

      本文链接:https://www.haomeiwen.com/subject/yhaohctx.html