es6环境配置

 实现我们通过gulp-babel 来实现将es6转es5

 

 

1. node.js命令行工具，进入项目根目录
2. 项目初始化，npm init/ cnpm init
3. 全局安装babel, npm install -g babel
4. 本地安装gulp，cnpm/npm install gulp --save-dev
5. 本地安装gulp-babel和babel-preset-es2015 --save-dev
6. 本地安装cnpm install babel-preset-latest --save-dev

 

1. 根目录下新建gulpfile.js 文件

 

1.  
2. 在app.js中编译es6js脚本，然后执行gulp命令，会自动在dist文件下新建一个app.js来放置编译好的es5.
3. 根目录下新建一个.babelrc文件，如图3内容。根目录下新建src文件夹，dist文件夹，以及src文件夹下面的app.js文件。

https://babeljs.io/setup#installation