ES6至今已經(jīng)算是比較很火了, 也多了很多新功能,比如塊級作用域、常量、箭頭函數(shù)等等, 雖然我們寫的是ES6, 但是一般都會轉(zhuǎn)換成ES5,有兩款比較出名的插件可以用來轉(zhuǎn)換:Babel和jspm, 那么這里就使用Babel來轉(zhuǎn)換
安裝 Babel
不管的 Babel 還是 jspm 都是基于 Node 的 npm (ps:npm 是 Node 的一款包安裝工具,地位等同于 Python 的 pip,Ruby 的 gem ) 安裝的,如果沒有安裝 Node 的話,建議先去安裝一個 Node, 然后再繼續(xù),那么我們怎么才能知道是否安裝了 Node 以及 npm,很簡單,打開命令行,輸入 node -v 以及 npm -v :

node -v && npm -v
那么,接下來我們就可以安裝我們的 Babel了,
npm install babel-cli -g
// -g 表示全局安裝
當(dāng)然,僅僅是這個還是不夠的,我們還需要在項(xiàng)目中執(zhí)行下 npm init,然后一路回車,最后選擇 yes ,最后會在項(xiàng)目的文件中產(chǎn)生一個 package.json 的文件,我們還需要再次安裝
npm install babel-cli --save-dev
npm install babel-preset-es2015 --save-dev
// --save-dev 表示是安裝項(xiàng)目中的開發(fā)環(huán)境
你會發(fā)現(xiàn),安裝完折線,還沒有完,這時(shí)候,你是不是要罵娘了,其實(shí)還有最后一步,我們需要在項(xiàng)目的路徑中創(chuàng)建一個 .babelrc 這么文件,然后在里面寫入:
{
"presets" : [
"es2015"
]
}
這樣就可以了,然后接下來只需要執(zhí)行一條命令
babel es6file.js -o es2015.js
OK, 通過 Babel 將 Es6 轉(zhuǎn)換成 Es5 就是這么簡單