Babel+vscode实现APICloud开发中兼容ES6及以上代码

本文出自APICloud官方论坛,
感谢论坛版主 penghuoyan 的分享。

使用APICloud开发时,考虑到兼容问题一直使用ES5开发,时间越久感觉越落后,整理了一个兼容ES6的开发环境,供大家参考。
步骤1:
安装Node开发环境,不清楚的可以百度

步骤2:
新建APICloud项目,结构目录如下
Babel+vscode实现APICloud开发中兼容ES6及以上代码
 
步骤3:
在vscode中打开项目,如图:
Babel+vscode实现APICloud开发中兼容ES6及以上代码

步骤4:
在项目中安装Bable项目的npm包

  1. npm init –y  生成package.json文件
    Babel+vscode实现APICloud开发中兼容ES6及以上代码
     
  2. npm install --save-dev @babel/core@babel/cli @babel/preset-env
  3. npm install --save @babel/polyfill

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

Babel+vscode实现APICloud开发中兼容ES6及以上代码
 
步骤6:
运行脚本:npm init build
编辑script文件夹下的ES6代码并保存时,将会自动把代码编译为ES5代码并保持在parsedScript文件夹下面(保存时文件名称、对应路径相同)
注:项目使用时,使用编译过后的js代码(parsedScript),已保证兼容性问题

步骤7:
Wifi真机同步设置,忽略node_modules文件夹
1.  在项目根目录新建.syncignore文件

  1. 文件内容:{*/.js.map,/node_modules/,src/**}    //真机同步时忽略node_modules

Babel+vscode实现APICloud开发中兼容ES6及以上代码

步骤8:
提交代码时忽略node_modules文件夹
(APICloud2.0开发工具)在项目根目录中新建.gitignore文件,文件内容:node_modules/

Babel+vscode实现APICloud开发中兼容ES6及以上代码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值