Visual Studio Code中Es6的開發環境搭建


1.打開終端,輸入初始化代碼。輸入代碼之后會在目錄中出現package.json,可以在紅色下划線上寫上作者名和描述(不寫也可以)

  npm init -y   

   

   

 

2.安裝Babel轉換器

  npm install -g babel-cli   

   

3.安裝打包(es5)

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

   

 然后打開package.json,出現以下紅括號的代碼則說明安裝成功

 

4.在根目錄創建.babelrc配置文件(注意不是文件夾)。輸入以下代碼

   

5.最后輸入babel 需要轉碼文件路徑 -o 轉碼結果寫入的文件路徑。如:

    babel js/1-2es6.js -o es5Js/1-2es6.js    

  

以上就可以實現es6到es5的轉換了!

最后,如果不想每次轉換都輸入這么多重復的路徑命令。則可以通過在package.json文件中通過配置以下代碼:

 

則可以在終端輸入npm run build就可以轉換成功!

 


免責聲明!

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



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