乐趣区

Babelvscode实现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/

退出移动版