一.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 //完美解決