第一步:安裝 babel-cli
cd進入項目根目錄,執行命令: npm install --global babel-cli
第二步:檢測第一步是否成功,輸入命令 babel --version
,若出現版本號則安裝成功,
若報錯誤例如:babel : 無法將“babel”項識別為 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫,如果包括路徑,請確保路徑正確,然后再試一次。
則執行如下步驟:
- 以管理員身份打開PoweShell,進入項目根目錄
- 輸入命令
Set-ExecutionPolicy RemoteSigned
- 重啟vscode終端再次輸入
babel --version
第三步:創建babel配置文件.babelrc
{
"presets": ["env"],
"plugins": []
}
第四步:安裝轉碼規則
npm install babel-preset-env --save-dev
第五步:使用
根據文件轉碼
創建js文件
let input = [1,2,3]
let newInput = input.map(item => item + 1)
console.log(newInput)
執行命令``