gulp-babel 自动编译es5-es6（可无脑按步骤操作）

现在es6比较火，很多同学都想实战一下，但是发现网上的要不就是webpack配合、vue、react使用es6，要不就是教程安装不够详细。webstorm可以直接使用es6，但是没有编译后的es5文件，不适合很多刚接触的同学学习。这里给大家带来最基础的利用gulp 编译es6-es5(非常详细傻瓜操作哦)

1、首先新建一个文件es6

2、打开命令行工具看看你node gulp npm 是否安装成功

3、进入es6文件，

npm init初始化项目 

npm install gulp 安装gulp

4、npm install babel-core --save-dev

npm install --save-dev gulp-babel复制代码

npm install --save-dev babel-preset-es2015复制代码

然后无脑安装这3个

5、然后在项目底下新建两个文件gulpfile.js .babelrc

6、js 底下有个index.js

随便写点ES6 let a = 10;

然后 命令行gulp 运行  

就会发现在项目底下多了一个文件夹dist  里面放的就是编译好的index文件

安装过程有什么问题随时联系我 QQ1842344641