ES6
至今已經(jīng)算是比較很火了放前, 也多了很多新功能票彪,比如塊級作用域辞嗡、常量、箭頭函數(shù)等等匈子, 雖然我們寫的是ES6
, 但是一般都會轉換成ES5
闯袒,有兩款比較出名的插件可以用來轉換:Babel
和jspm
虎敦, 那么這里就使用Babel
來轉換
安裝 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 表示全局安裝
當然避诽,僅僅是這個還是不夠的,我們還需要在項目中執(zhí)行下 npm init
璃谨,然后一路回車茎用,最后選擇 yes ,最后會在項目的文件中產(chǎn)生一個 package.json
的文件睬罗,我們還需要再次安裝
npm install babel-cli --save-dev
npm install babel-preset-es2015 --save-dev
// --save-dev 表示是安裝項目中的開發(fā)環(huán)境
你會發(fā)現(xiàn)轨功,安裝完折線,還沒有完容达,這時候古涧,你是不是要罵娘了,其實還有最后一步花盐,我們需要在項目的路徑中創(chuàng)建一個 .babelrc
這么文件羡滑,然后在里面寫入:
{
"presets" : [
"es2015"
]
}
這樣就可以了,然后接下來只需要執(zhí)行一條命令
babel es6file.js -o es2015.js
OK, 通過 Babel
將 Es6
轉換成 Es5
就是這么簡單