环境搭建

一.ES6环境搭建

1.首先安装babel-cli（用于在终端使用babel）

npm install babel-cli -g

2.进入某个项目根目录，安装babel-cli和babel-preset-es2015

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

注：Babel5版本默认包含各种转换插件，然而Babel6.x相关转换插件需要自己下载，如transform-es2015-arrow-functions、transform-es2015-classes等，而ES2015 preset包含了所有插件。如果不安装任何插件，那么在命令行进行转换是没有任何效果的！

3.配置编译规则

项目根目录下新建文件.babelrc（注意，以点开头的文件是隐藏文件，需要在linux环境通过命令创建），配置如下：

{

"presets": [

"es2015"

],

"plugins": []

}

4.执行命令：babel es6.js -w -o es5.js或在package.json文件中设置"scripts": {"build":"babel src/main.js -w -o build.js"}，然后执行npm run build，实现自动编译