Visual Studio中Es6的開發環境搭建

ahaMOMO發表於2019-07-14

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就可以轉換成功!

 

相關文章