如今es6比较火,不少同窗都想实战一下,可是发现网上的要不就是webpack配合、vue、react使用es6,要不就是教程安装不够详细。webstorm能够直接使用es6,可是没有编译后的es5文件,不适合不少刚接触的同窗学习。这里给你们带来最基础的利用gulp 编译es6-es5(很是详细傻瓜操做哦)vue
一、首先新建一个文件es6node
二、打开命令行工具看看你node gulp npm 是否安装成功react
三、进入es6文件,webpack
npm init初始化项目 es6
npm install gulp 安装gulpweb
四、npm install babel-core --save-devnpm
npm install --save-dev gulp-babel复制代码
npm install --save-dev babel-preset-es2015复制代码
而后无脑安装这3个gulp
五、而后在项目底下新建两个文件gulpfile.js .babelrcbash
六、js 底下有个index.jsbabel
随便写点ES6 let a = 10;
而后 命令行gulp 运行
就会发如今项目底下多了一个文件夹dist 里面放的就是编译好的index文件
安装过程有什么问题随时联系我 QQ1842344641