準備學習ES6，目前好像只有阮一峰老師出過比較完整的教程。

但是說實話阮老師的部署進度那一部分真心看不明白。可能我的是在window下面所以有點不一樣。

所以自己結合各方資料進行了嘗試，終於成功啦。

1.安裝node，npm。（這裡就不做詳細的介紹了，已經安裝好的就不需要安裝，沒有的話就找了一篇我覺得比較詳細和好的部落格）

建議所有的都安裝成全域性的，這樣方便你後面在任何地方使用。

http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/

上面是地址，裡面有詳細的安裝node ,npm及環境配置的介紹，非常詳細，給作者點個贊。

2.安裝es-checker。（你在使用之前得檢查一下Node對於es6的支援情況。在cmd裡面輸入下面命令：

npm -g install es-checker

安裝完成後輸入es-checker 可以看到下圖：我的node是v5.11.0版本的。

3.安裝babel。babel是一個廣泛使用的ES6轉碼器，可以將ES6程式碼轉為ES5程式碼，從而在現有環境執行。在cmd裡面輸入：

npm -g install babel

4.建立一個資料夾，然後在裡面建立一個為package.json的檔案，在檔案中輸入以下內容：

{"name":"my-project","version":"1.0.0","devDependencies": { }}
 

然後再cmd裡面執行如下命令:

npm --save-dev install babel-cli

再來給它個全域性的安裝：

npm -g install babel-cli

5.接下來在剛剛的資料夾裡在建立一個名為.babelrc的檔案。名字就叫.babelrc。想盡你的辦法建立然後在裡面輸入：

npm -g install babel-cli

ctrl+s儲存

接下來安裝：

npm install --save-dev babel-preset-es2015

ok所有的都安裝完畢了。來測試下：

建立一個js檔案輸入一段程式碼呀，儲存到上面建立的資料夾裡面，此時資料夾包含package.json和.babelrc

let arr=[]; for(let i=0;i<10;i++){ arr[i]=()=>console.log(i); } arr[6]();

開啟cmd，切換到你上面的資料夾下面，執行babel-node xx.js  （xx.js是建立的js檔名）

值得一提的是，你所有執行的es6程式碼都是經過babel轉碼的，不轉碼就可以直接在Node環境下執行。但是為什麼還要說要進行babel轉碼呢，因為ES6 還沒有很好地被瀏覽器支援，所以有些得利用babel轉碼成支援的。


然後就輸出結果成功啦。

而我是個比較閒嫌麻煩的人，老在cmd執行也不是個事，所以就有下面的配置sublime Text3裡面使用:

如果不需要就不用看這裡了。


  1.開啟sublime Text3，如果是text2步驟一樣的。選擇選單Tools --> Build System --> new Build System 


然後輸入如下配置：

{ "working_dir": "${project_path:${folder}}", "selector": "source.js", "encoding": "utf-8", "shell": true, 
 "windows": { "cmd": ["babel-node", "$file"] },
 "osx": { "cmd": ["killall node >/dev/null 2>&1; babel-node \"$file\""] }, 
"linux": { "cmd": ["killall node >/dev/null 2>&1; babel-node \"$file\""] } }

  點選儲存為javascript.sublime-build，儲存位置預設即可，我的是在D:\Sublime Text\Data\Packages\User 如果你不知道怎麼儲存，就找到你的sublime安裝的地方，然後裡面的data\packages\user就可以啦。

  開始我的sublime-text裡已經有一個javascript.sublime-build命名的檔案了，然後我自己替換也不影響其他使用。可能你們都沒有，不知我什麼時候建立了一個。

  然後在測試你上面的那個js檔案，按ctrl+b編譯即可。

  Ok啦。用吧。