gulp-babel 自動編譯es5-es6（可無腦按步驟操做）

如今es6比較火，不少同窗都想實戰一下，可是發現網上的要不就是webpack配合、vue、react使用es6，要不就是教程安裝不夠詳細。webstorm能夠直接使用es6，可是沒有編譯後的es5文件，不適合不少剛接觸的同窗學習。這裏給你們帶來最基礎的利用gulp 編譯es6-es5(很是詳細傻瓜操做哦)

一、首先新建一個文件es6

二、打開命令行工具看看你node gulp npm 是否安裝成功

三、進入es6文件，

npm init初始化項目 

npm install gulp 安裝gulp

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

npm install --save-dev gulp-babel複製代碼

npm install --save-dev babel-preset-es2015複製代碼

而後無腦安裝這3個

五、而後在項目底下新建兩個文件gulpfile.js .babelrc

六、js 底下有個index.js

隨便寫點ES6 let a = 10;

而後 命令行gulp 運行  

就會發如今項目底下多了一個文件夾dist  裏面放的就是編譯好的index文件

安裝過程有什麼問題隨時聯繫我 QQ1842344641