babel安裝

註意：如果沒有裝node.js，先去裝一個！！安裝node.js時會預設安裝npm。

步驟：

1、新建一個文件夾，裝接下來的所有東西。我新建了一個learn-es6文件夾

2、在learn-es6項目文件下創建根目錄文件：

-package.json
-src文件夾
   --index.html
   --js文件夾
       ---index.js

這一步的關鍵是

1. 一定要有src文件夾！！要不然後面會報錯
2. 預定要新建一個package.json文件！

這兩個千萬不能少，少一個就會報錯！

index.html文件內容先為空、index.js內容也先為空（安裝完成後，測試用）。

3、配置文件.babelrc

打開MAC的終端：

3.1 先sudo -s獲取最高許可權；

3.2 然後通過cd進入learn-es6項目文件；

3.3 接著“vim .babelrc”新建一個.babelrc 文件:

鍵盤輸入”i“進入編輯模式，然後輸入

  {
    "presets": [
      "es2015",
      "react",
      "stage-2"
    ],
    "plugins": []
  }

輸入完畢，“esc”鍵退出。輸入“:wq”,冒號是英文的，表示保存並退出。

並且安裝以下規則集：

# ES2015轉碼規則
$ npm install --save-dev babel-preset-es2015

# react轉碼規則
$ npm install --save-dev babel-preset-react

# ES7不同階段語法提案的轉碼規則（共有4個階段），選裝一個
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3

4、命令行轉碼babel-cli

註意：babel-cli 安裝在項目之中，官網已經強烈建議不要安裝在全局環境下！！

終端依舊在learn-es6的位置，執行以下命令：
$ npm install --save-dev babel-cli

5、執行下列命令，沒有報錯即可。

$ npm run build