vscode中ES6的基本使用

ES6在vs code中的调试需要添加的插件BabelECMAScript 6需要添加的插件1、在vs code中extensions中输入es，然后添加ESLint和JavaScript (ES6) code snippets2、点击文件=>首选项=>设置，在搜索框输入setting.json，出现“在setting.json中编辑”3、输入代码//vscode es6...

Feather_74

9225人浏览 · 2019-09-22 17:32:25

Feather_74 · 2019-09-22 17:32:25 发布

ES6在vs code中的调试

需要添加的插件
Babel
ECMAScript 6

需要添加的插件

1、在vs code中extensions中输入es，然后添加ESLint和JavaScript (ES6) code snippets
在这里插入图片描述
2、点击文件=>首选项=>设置，在搜索框输入setting.json，出现“在setting.json中编辑”

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，会出现调试界面
在这里插入图片描述

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