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

本文出自APICloud官方论坛，

感谢论坛版主 penghuoyan 的分享。

使用APICloud开发时，考虑到兼容问题一直使用ES5开发，时间越久感觉越落后，整理了一个兼容ES6的开发环境，供大家参考。

步骤1：

安装Node开发环境，不清楚的可以百度

步骤2：

新建APICloud项目，结构目录如下

步骤3：

在vscode中打开项目，如图：

步骤4：

在项目中安装Bable项目的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进行配置

"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文件

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

步骤8：

提交代码时忽略node_modules文件夹

（APICloud2.0开发工具）在项目根目录中新建.gitignore文件，文件内容：node_modules/

转载于:https://www.cnblogs.com/APICloud/p/11139147.html

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

java代码套路,开发中比较容易理解的代码套路
前言今天给大家纯手工整理一下本人在开发中认为比较有用的代码思想套路,欢迎大家可以与我一同讨论链式编程所谓链式编程即是函数调用后返回对象本身 var calculator = { total:0, ...
iOS开发中经常用的实用代码合集
iOS开发中经常用的实用代码合集本文整理了,在iOS开发中我们所遇到一些开发问题的技巧类的代码,让你在开发过程中避免了很多弯路,希望能给你的开发带来帮助和启发. 1.判断邮箱格式是否正确的代码: / ...
iOS开发中一些有用的小代码
1.判断邮箱格式是否正确的代码: //利用正则表达式验证 -(BOOL)isValidateEmail:(NSString *)email { NSString *emailRegex = @&quo ...
分享.NET开发中经常使用到的代码片段完全从实际项目中提取出来，也可被反反复复的重复借用...
几年前,一篇<ASP.NET开发人员经常使用的三十三种代码>非常流行,它总结了一些经常在ASP.NET开发中使用到的代码,直接可以拿来使用.今天重读这篇文章,有感而发,善于总结也是进步,于 ...
[转]敏捷开发中编写高质量Java代码
本文转自:http://dev.yesky.com/103/11164603.shtml 敏捷开发的理念已经流行了很长的时间,在敏捷开发中的开发迭代阶段中,我们可以通过五个步骤,来有效的提高整个项目的 ...
php 微信时间,微信开发中如何进行时间转换代码实例介绍
在微信公众号开发中,与微信服务器交互的几乎所有接口中的时间参数都是以整型为类型的,要正确的展示时间那必须进行转换. 关于时间整型的描述: 最初计算机操作系统是32位,而时间也是用32位表示.32位能表 ...
敏捷开发中编写高质量Java代码
原文出处:http://java.csdn.net/a/20100308/259219.html 敏捷开发的理念已经流行了很长的时间,在敏捷开发中的开发迭代阶段中,我们可以通过五个步骤,来有效的提高整 ...
游戏开发中的坑之十一代码改变灯光的cullingmask
情景:模型prefab里面添加了灯光,在角色选择的时候,开发的实现方式是,添加新的camera(设置了cullingmask,设置为动态分配新的layerA) 对着新加载的角色(动态分配新的layer ...
web开发中经常使用到的代码（csdn中下载的资源）
WEB编程开发常用的代码- - 最小化.最大化.关闭窗口 <object id=hh1 classid=" ...

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

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

最新文章

热门文章