1.1) 首先全局安裝Babel。
$ npm install -g babel-cli //也可以通過直接將Babel安裝到項目中，在項目根目錄下執行下面命令，同時它會自動在package.json文件中的devDependencies中加入babel-cli //在執行安裝到項目中命令之前，要先在項目根目錄下新建壹個package.json文件。 $ npm install -g babel-cli --save-dev
如果將babel直接安裝到項目中，它會自動在package.json文件中的devDependencies中加入babel-cli。如下所示：
//...... { "devDependencies": { "babel-cli": "^6.22.2" } }
1.2) Babel的配置文件是.babelrc，存放在項目的根目錄下。使用Babel的第壹步，就是配置這個文件。
這個文件的完整文件名是 “.babelrc”，註意最前面是有個“.”的。由於我的電腦是Windows系統，所以在新建這個文件的時候老是提示 “必須鍵入文件名” 的錯誤。後來谷歌了下，發現創建這個文件的時候，把文件名改成“.babelrc.”，註意是前後都有壹個點，這樣就可以保存成功了
{ "presets": [], "plugins": [] }
1.3) presets字段設定轉碼規則，官方提供以下的規則集，妳可以根據需要安裝。
點擊此處到Babel中文官網presets配置頁面：Babel Plugins
# ES2015轉碼規則 $ npm install --save-dev babel-preset-es2015 # react轉碼規則 $ npm install --save-dev babel-preset-react # ES7不同階段語法提案的轉碼規則（***有4個階段）