babel的使用


一.babel是什么?

babel是轉碼器,把es6代碼轉換成es5代碼,因為寫的代碼es6代碼,但是es6代碼瀏覽器兼容性很差,rug

使用es5代碼瀏覽器兼容性很好,編寫es6代碼,把es6代碼轉換es5運行。

先初始化環境

npm init -y

第一步,安裝babel工具,使用命令

npm install --global babel-cli

第二步,創建js文件,編寫es6代碼

 

 

第三步,配置    .babelrc    注意這個是文件名是固定的

 

 第四步,安裝es2015轉碼器

npm install --save-dev babel -preset -es2015
npm install babel-preset-es2015 --save-dev

 

第五步 使用命令進行編碼

 

 

babel --version出問題解決辦法:

解決方案:

以管理員身份運行vs code
執行:get-ExecutionPolicy,顯示Restricted,表示狀態是禁止的
執行:set-ExecutionPolicy RemoteSigned
這時再執行get-ExecutionPolicy,就顯示RemoteSigned
搞定!!!!!!!


 找不到es2015解決辦法

 執行:  npm install babel-preset-es2015 --save-dev                           //完美解決

 


 

 

 

 

 

 

 


免責聲明!

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



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