習(xí)慣了WebStorm的話..我就假設(shè)題主會用
Node.js
和npm啦～一句話總結(jié)：用WebStorm自帶的FileWatcher功能+Babel實(shí)現(xiàn)自動轉(zhuǎn)換ECMAScript6代碼為ES5代碼
我是這么配置的..就先新建一個(gè)EmptyProject，然后在src目錄下新建了一個(gè)main.js；
//這一步不是必須的只是剛上手的話從空項(xiàng)目開始自己配置會少很多干擾
Then..進(jìn)入設(shè)置，把JavaScriptlanguageversion改成ECMAScript6；
再Then..寫一段ES6代碼
'usestrict';
//node直接運(yùn)行ES6代碼時(shí)，如使用了ES6的一些關(guān)鍵字，比如let，就需要嚴(yán)格模式，否則會報(bào)錯(cuò)
//這是沒有嚴(yán)格模式時(shí)候的錯(cuò)誤提示
//SyntaxError:Block-scopeddeclarations(let,const,function,class)notyetsupportedoutsidestrictmode
function*fibs(){//GeneratorFunction
leta=0;
letb=1;
while(true){
yielda;
//[a,b]=[b,a+b];
b=a+b;
a=b-a;
}
}
let[first,second,third,fourth,fifth,sixth]=fibs();
console.log(first,second,third,fourth,fifth,sixth);
現(xiàn)在IDE會出現(xiàn)一個(gè)Filewatcher提示條
先別點(diǎn)Addwatcher！我們要先去裝babel～
首先在根目錄新建一個(gè)
package.json
{
"name":"test-project",
"version":"1.0.0"
}
然后打開IDE的Terminal，安裝babel-cli
npminstall--save-devbabel-cli
Good!現(xiàn)在可以去點(diǎn)Addwatcher啦，點(diǎn)完之后會彈出一個(gè)框，其中大部分設(shè)置IDE都幫你搞定了
下面第三行，Program那一項(xiàng)，填
$ProjectFileDir$/node_modules/
.bin/babel
然后點(diǎn)OK，這個(gè)時(shí)候你就會發(fā)現(xiàn)左邊多出來一個(gè)main-
compiled.js
文件啦但是還沒搞定！現(xiàn)在只是搞定了自動轉(zhuǎn)換的功能，系統(tǒng)默認(rèn)把ES6compile成了ES6..（你應(yīng)該會發(fā)現(xiàn)compile出來的東西跟原來的一樣
..Generator
函數(shù)并沒有被轉(zhuǎn)換成ES5的格式）所以我們需要安裝Babel的preset以正確識別ES6代碼；
和剛才一樣，在npm安裝babel的ES6的preset
npminstall--save-devbabel-preset-es2015
在根目錄下新建一個(gè)
.babelrc
文件（就是babel在當(dāng)前項(xiàng)目的配置文件），寫上{
"presets":[
"es2015"
]
}
OK搞定！保存再回去看一下main-
compiled.js
應(yīng)該就變成這個(gè)樣子啦，現(xiàn)在你在main.js
里直接寫ES6代碼，IDE都會自動compile成ES5的代碼在這里啦～注意：想直接用
Node.js
運(yùn)行ES6代碼還是有些問題..因?yàn)檫@段代碼用的ES6的解構(gòu)賦值Node.js
還未完全支持，需要在運(yùn)行的時(shí)候加入一些tags（以開啟Node.js
的相關(guān)試驗(yàn)特性），具體可以參考Node.js
官網(wǎng)對ES6的說明：ECMAScript2015(ES6)。