es6开发环境的搭建

1.建立工程目录es6，在这个目录下面建立两个文件夹，src和dist文件夹，在根目录先再建立一个index.html文件
2.初始化文件
npm init -y
3.项目结构图

4.在src目录下的index.js文件中写一行es6代码

let a=1
console.log(1)

5.因为现在的有些浏览器不能支持es6,所以我们需要将es6转化成es5,需要安装两个插件babel-preset-es2015 和 babel-cli

npm install --save-dev babel-preset-es2015 babel-cli

6.安装完成后，在package.json文件中查看是否安装完成

7.在根目录下建立.babelrc文件，文件内容如下，都是双引号

{p
    "presets":[
        "es2015"
    ],
    "plugins":[]
}

8.在终端输入转换命令babel src/index.js -o dist/index.js
可以在package.json里面配置简化命令

"scripts": {
    "build": "babel src/index.js -o dist/index.js"
  },

9.修改后，我们在终端使用npm run build,文件运行完成后，再查看我们dist下面的index.js文件，文件内容如下，可以看到我们的es6文件已经被转化成了es5文件。

"use strict";

var a = 123;
console.log(a);