es6在window環境下的應用以及在sublime Text3裏的使用。

準備學習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，及你的js，三個文件。


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啦。用吧。