Babel+vscode實現APICloud開發中兼容ES6及以上代碼

本文出自APICloud官方論壇，
感謝論壇版主 penghuoyan 的分享。

使用APICloud開發時，考慮到兼容問題一直使用ES5開發，時間越久感受越落後，整理了一個兼容ES6的開發環境，供你們參考。
步驟1：
安裝Node開發環境，不清楚的能夠百度

步驟2：
新建APICloud項目，結構目錄以下

 
步驟3：
在vscode中打開項目，如圖：

步驟4：
在項目中安裝Bable項目的npm包

1. npm init –y  生成package.json文件

 

1. npm install --save-dev @babel/core@babel/cli @babel/preset-env
2. npm install --save @babel/polyfill

步驟5：
在package.json文件中添加babel進行配置
"scripts": {
    "build": "babelscript -d parsedScript --presets=@babel/env -watch"
  },

 
步驟6:
運行腳本:npm init build
編輯script文件夾下的ES6代碼並保存時，將會自動把代碼編譯爲ES5代碼並保持在parsedScript文件夾下面（保存時文件名稱、對應路徑相同）
注：項目使用時，使用編譯事後的js代碼（parsedScript），已保證兼容性問題

步驟7：
Wifi真機同步設置，忽略node_modules文件夾
1.  在項目根目錄新建.syncignore文件

1. 文件內容：{/*.js.map,/node_modules/,src/}    //真機同步時忽略node_modules

步驟8：
提交代碼時忽略node_modules文件夾
（APICloud2.0開發工具）在項目根目錄中新建.gitignore文件，文件內容：node_modules/