win10 vscode安裝babel


第一步:安裝 babel-cli

cd進入項目根目錄,執行命令: npm install --global babel-cli

第二步:檢測第一步是否成功,輸入命令 babel --version,若出現版本號則安裝成功,

若報錯誤例如:babel : 無法將“babel”項識別為 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫,如果包括路徑,請確保路徑正確,然后再試一次。
則執行如下步驟:

  1. 以管理員身份打開PoweShell,進入項目根目錄
  2. 輸入命令Set-ExecutionPolicy RemoteSigned
  3. 重啟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)

執行命令``

根據文件夾轉碼


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM