vscode中ES6的基本使用

ES6在vs code中的调试

  • 需要添加的插件
  • Babel
  • ECMAScript 6

需要添加的插件

1、在vs code中extensions中输入es,然后添加ESLint和JavaScript (ES6) code snippets
vscode中ES6的基本使用_第1张图片
2、点击文件=>首选项=>设置,在搜索框输入setting.json,出现“在setting.json中编辑”
vscode中ES6的基本使用_第2张图片
3、输入代码

//vscode es6语法检测配置
"eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
],
"eslint.autoFixOnSave": true,
"explorer.confirmDragAndDrop": false,
"editor.detectIndentation": false,
"editor.tabSize": 2

4、重启vs code,会出现调试界面
vscode中ES6的基本使用_第3张图片

Babel

1、Babel中文官网链接
2、使用npm需要安装的包有:

//安装 babel-loader
npm install --save-dev babel-cli babel-preset-env
npm install --save-dev babel-loader
npm install --save-dev babel-core babel-preset-es2015
npm install --save-dev babel-preset-stage-2

ECMAScript 6

1、ECMAScript 6入门教程

你可能感兴趣的:(ES6,ES6)