注意：如果沒有裝node.js，先去裝一個！！安裝node.js時會默認安裝npm。

步驟：

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

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

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

這一步的關鍵是

一定要有src文件夾！！要不然后面會報錯

預定要新建一個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

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的babel安装的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。