讓nodeJS支持ES6的詞法----babel的安裝和使用

　　要使用Babel， 咱們須要nodeJS的環境和npm， 主要安裝了nodeJS， npm就默認安裝了 ， 如今安裝nodeJS很簡單了， 直接下載安裝就行了；

　　安裝es-checker

　　在使用Babel以前 ， 咱們要先檢測一下當前node對es6的支持狀況， 咱們使用先es-checker， 命令行下執行：

npm -g install es-checker

　　es-checker安裝完畢之後， 命令行執行：es-checker ， 以下圖， 個人node環境版本是v4.4.3， 支持64%哦 ： 

　　babel的安裝

　　因此咱們來安裝babel吧， 有了babel， 可以使用更多高級詞法！

　　首先新建一個工做目錄， 而後建立一個package.json的文件， 內部內容爲：

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

　　而後再打開cmd(命令行), 在工做目錄下執行命令安裝babel-cli：

npm  --save-dev install babel-cli

　　再安裝一個全局的babel-cli：

npm -g  install babel-cli

 

　　接着在工做目錄建立一個名字爲.babelrc的文件， 文件內容入以下（ 要注意window系統下建立這種文件系統會提示你：「必須鍵入文件名」 ， 你能夠找別的方式去建立， 我是在開發工具的工程目錄中把這個文件建立出來的）：

 {
    "presets": [
      "es2015"
    ],
    "plugins": []
  }

　　安裝babel-preset-es2015

　　仍是工做目錄， 而後再安裝babel-preset-es2015：

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

　　到目前爲止babel算是安裝完畢了：

 

　　測試es6代碼

　　建立一個test.js的文件， 鍵入內容：

let [a,b,c] = [1,2,3];
console.log(a,b,c);

　　在當前目錄下執行：

babel-node test

　　結果應該是這樣的：

　　若是直接用執行node test， 我這邊會報異常： SyntaxError: Unexpected token [

 

　　相關

　　　　nodeJS ： https://nodejs.org/en/

　　　　babel官網 ： https://babeljs.io/

　　　　阮老師的博客：http://www.ruanyifeng.com/blog/2016/01/babel.html

做者： NONO
出處：http://www.cnblogs.com/diligenceday/
QQ：287101329
微信：18101055830