本文出自APICloud官方論壇，

感謝論壇版主?penghuoyan?的分享。

?

使用APICloud開發(fā)時(shí)，考慮到兼容問題一直使用ES5開發(fā)，時(shí)間越久感覺越落后，整理了一個(gè)兼容ES6的開發(fā)環(huán)境，供大家參考。

步驟1：

安裝Node開發(fā)環(huán)境，不清楚的可以百度

?

步驟2：

新建APICloud項(xiàng)目，結(jié)構(gòu)目錄如下

步驟3：

在vscode中打開項(xiàng)目，如圖：

步驟4：

在項(xiàng)目中安裝Bable項(xiàng)目的npm包

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

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

3. npm install --save @babel/polyfill

?

?

步驟5：

在package.json文件中添加babel進(jìn)行配置

"scripts": {

? ? "build": "babelscript -d parsedScript --presets=@babel/env -watch"

??},

步驟6:

運(yùn)行腳本:npm init build

編輯script文件夾下的ES6代碼并保存時(shí)，將會自動(dòng)把代碼編譯為ES5代碼并保持在parsedScript文件夾下面（保存時(shí)文件名稱、對應(yīng)路徑相同）

注：項(xiàng)目使用時(shí)，使用編譯過后的js代碼（parsedScript），已保證兼容性問題

?

步驟7：

Wifi真機(jī)同步設(shè)置，忽略node_modules文件夾

1.? 在項(xiàng)目根目錄新建.syncignore文件

2. 文件內(nèi)容：{**/*.js.map,**/node_modules/**,src/**}? ? //真機(jī)同步時(shí)忽略node_modules

?

步驟8：

提交代碼時(shí)忽略node_modules文件夾

（APICloud2.0開發(fā)工具）在項(xiàng)目根目錄中新建.gitignore文件，文件內(nèi)容：node_modules/

轉(zhuǎn)載于:https://www.cnblogs.com/APICloud/p/11139147.html

總結(jié)

以上是生活随笔為你收集整理的Babel+vscode实现APICloud开发中兼容ES6及以上代码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。