Visual Studio中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就能夠轉換成功！