文章出處

  要使用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 


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()