vscodejs文件用es6写法方案

ECMAScript是JavaScript的标准，JavaScript是ECMAScript的实现。

ES6是2015年发布的，也叫作ES2015。ES6的目标是使JS可以编写复杂的⼤型应⽤程序，成为企业级开发语⾔。

ES6项目环境的搭建
因为某些浏览器不支持ES6，我们需要使用babel将ES6代码转换为低版本的ES代码（低版本js代码），以兼容某些不支持ES6的浏览器，比如IE。

1、在VSCode中打开项目，Ctrl+~打开终端

```javascript
#初始化项目配置
npm init

#安装babel-cli、设置转换规则
npm install --save-dev babel-cli babel-preset-es2015

这种安装方式是局部安装，只对当前项目有效。推荐局部安装，因为每个项目的环境可能不同。
 

2、项目根目录下新建文件夹src、dist，src放ES6代码（js代码），dist放转换得到的低版本ES代码。
 

3、项目根目录下新建babel配置文件.babelrc

```javascript
// 配置转换使用的规则集
{
    "presets": ["es2015"]
}

4、在package.json中配置babel转译

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",  //逗号分隔
  "build": "babel src -w -d dist"  //babel脚本命令,key可以自己取
},

scripts对象中，每个键值对都是一个脚本命令，key是脚本名称，value是脚本命令。
自己可以配置多个脚本命令。

babel 源文件|目录 [-w] [-o|-d] 目标文件|目录
1.
-w 可选，表示一直监听源文件|目录，保存文件时自动转译。如果不使用此参数，每次转译都需要在VSCode终端执行 “npm run 脚本名称“

-o指定输出的目标文件，-d指定输出的目标目录。如果只转译某个js文件，也可以这样写
babel src/xxx.js [-w] -o dist/xxx.js

5、VSCode终端转译

项目写好之后，将ES6代码转换为低版本ES代码

npm run build #run后面是scripts中的babel脚本名称，使用npm运行babel脚本完成转译
1.
babel脚本使用了-w会一直监听，Ctrl+C可退出监听。
可以在src下写个js文件，里面写句ES6代码 let a=1; 转译下看能否成功、配置是否生效。

写代码时，在项目根目录下新建css、img、plugin等文件夹放对应的文件，html文件可以直接放在项目根目录下，也可以新建文件夹html来存放.html文件。
转译时默认使用严格模式。