es6 babel轉碼器安裝配置

例如:桌面上新建個文件夾es6,文件夾裏新建一個文件es6.js。
打開小黑窗進入文件夾。(windows要以管理員的方式打開cmd)
一、先全局安裝babel-cli,輸入命令 sudo npm install babel-cli -g (windows去掉sudo)
二、輸入 cd Desktop/es6 ; ---(進去文件夾)
三、輸入 npm init; 一路回車鍵 ---(引導你建立一個package.json文件,包括名稱、版本、做者這些信息等)
四、輸入 npm install --save-dev babel-cli; ---(安裝命令行轉碼babel-cli工具)sudo是Mac終端以管理員的命令去執行命令
五、es6文件裏新建配置文件.babelrc 複製代碼
{ "presets": [], "plugins": [] }
粘貼到.babelrc 裏
六、小黑窗輸入 npm install --save-dev babel-preset-es2015;---(安裝es2015依賴項)
將"es2015"加入.babelrc
{ "presets": [ "es2015" ], "plugins": [] }
 
輸入 babel -h 檢測是否安裝成功
將es6編譯成es5 例如:babel es6.js -o es5.js
相關文章
相關標籤/搜索