apicloud apicloud

注册
查看: 26051|回复: 57

[APP开发技巧] APICloud For VSCode -- 适用于vsCode编辑器的APICloud开发工具

驾校小白

UID:222549

主题:
3
帖子:
13
云币:
169

[APP开发技巧] APICloud For VSCode -- 适用于vsCode编辑器的APICloud开发工具

26051 57 | 发表于 2016-12-14 22:16:43 |阅读模式 | |
本帖最后由 499654640 于 2017-2-21 19:07 编辑

简介
个人为 VSCode 编辑器推出的开发工具包.包含新建应用模板,WiFi真机同步,同步预览,代码提示自动完成,流式日志输出等核心功能.最新加入了apicloud-polyfill
安装

在插件中心搜索: apicloud

快捷键
  • wifi 页面预览 Alt + o
  • wifi 增量同步 Alt + i
  • wifi 启动wifi Alt + w
  • 以上和其他功能的快捷键可以自己在 '文件-首选项-键盘快捷方式' 里自己设置更改
配置
  • 配置在 ' 文件-首选项-用户设置-apicloud ' 里更改
  • ' apicloud.port wifi ' wifi真机同步服务的端口
  • ' apicloud.subdirectories ' 项目相对于vscode打开目录的子目录,设置后真机同步的目录就是这个子目录,比如使用第三方git同步就必须把文件放到根目录的'/widget'里,这样apicloud官方才能远程打包
  • ' apicloud.start_wifi ' 打开VSCode后自动启动wifi同步功能
  • ' apicloud.start_log ' 启动wifi真机同步服务后自动开启控制台日志获取

特性

  • 支持 Mac/Windows/Linux等主流操作系统;
  • 基于 apicloud-tools-core 核心工具库开发;
  • 包含四个默认应用模板与26个默认页面模板;
  • 支持 WiFi 增量/全量 更新;
  • 基于事件机制的流式日志输出;
  • 支持在 VSCode 控制台实时调试插件本身的代码;
  • 开启/关闭 WiFi 服务;
  • 提取集成了 apicloud-polyfill 可以直接使用最新的 es6,es7语法,在 JS 层以模块化的方式,高效优雅地开发APICloud 应用.
  • 支持显示实时连接设备数;



使用
  • 在APICloud官网下载并安装最新的APPLoader到手机上,下载地址:http://docs.apicloud.com/Download/download
  • 安装 apicloud插件后,VSCode;
  • 打开VSCode的命令面板(快捷键 Ctrl+shift+p),输入apicloud,即可使用相关APICloud开发功能;
  • 一切同步功能必须先开启wifi服务
  • 在设置了可以自定义wifi端口自启动等功能,快捷键可以在设置里增加设置
  • 使用apicloud-polyfill 需要先 polyfill初始化 在运行 npm i 注意:同步wifi时 先使用.syncignore忽略node_modules目录不然同步很慢文件很多
  • 反馈地址:APICloud 官方论坛
自定义真机同步时想要忽略的文件或目录
核心库及其衍生工具插件,支持在项目根目录添加 .syncignore 文件,来自定义想在在真机同步时忽略的文件.这一功能,对于那些基于webpack等自动化工具构建项目的开发者来说,意义重大.
不同于svn/git等的ignore,核心库真机同步的 ignore 功能基于node-glob开发,支持标准的Glob表达式.

常用格式示例
  • 忽略某一类型的文件,如 *.js.map 文件:
  1. **/*.js.map
复制代码
  • 忽略项目中所有某一名称的文件夹极其子文件(夹),如node_modules目录:
  1. **/node_modules/**
复制代码
  • 忽略根目录中某一目录下的所有文件(夹),如src目录:
  1. src/**
复制代码
  • 基于自动化webpack等自动化构建工具常用的表达式:
  1. {**/*.js.map,**/node_modules/**,src/**}
复制代码



更新日志
Version 0.0.7
  • 新增设置-可以自动启动wifi,日志,自定义端口了
  • 增加设置指定同步目录的功能-在用户设置里面设置
  • 移除了实时预览功能,插件市场里有其他同功能的插件,本插件更专注于apicloud功能
Version 0.0.6
  • 加入了同步时忽略目录文件的功能
  • 提取集成了 apicloud-polyfill 可以直接使用最新的 es6,es7语法,在 JS 层以模块化的方式,高效优雅地开发APICloud 应用.
  • 加入了调试日志到上下文菜单
Version 0.0.5
  • 改了下实时预览
Version 0.0.4
  • 新增-本地实时预览,是实时哦,支持所有html文件,不仅在apicloud中。
  • 修复了wifi预览页面都是首页的问题
  • 改进-右键菜单移动到了编辑框内
Version 0.0.3
  • 加入了代码完成
Version 0.0.2
  • 加入了右键菜单
Version 0.0.1
  • 第一个版本。



演示:










1

查看全部评分

驾校小白

UID:633375

主题:
1
帖子:
3
云币:
4
发表于 2018-7-11 10:55:27 |

一开始我一个人使用vscode,没遇到问题,后来有同事和我一起用vscode,我的电脑的vscod上的apicloud更新都不对,一直更新的是很久以前的内容,卸载插件也没有用,重启电脑也没有用,同事很正常的再用,
一直使用很正常,自从同事用了我的就不能用了,是不是局域网有冲突呀。
求解决方法,现在都不知道怎么弄项目了

点评

:我也遇到差不多的情况,wifi 增量同步 Alt + i 后的内容是很久以前的,不会实时更新 
发表于 2020-2-16 14:19

主题:
2
帖子:
10
云币:
11
发表于 2017-3-31 15:53:25 |
499654640 发表于 2017-2-16 18:12
智能提示 我这边测试没有问题 代码提示只能在js和html的文件下才能使用。
每次启动wifi同步后 第一次同步 ...

嗯嗯第一个问题可能是vsCode版本的问题,更新了一下软件后智能提示就可以使用了,关于第二个问题,能不能跟apicloud studio那样,每次启动wifi同步后,第一次也可以是增量的(不知道我说的意思您能明白没有)

主题:
0
帖子:
62
云币:
1481

APICloud粉丝连续签到100天签到党

发表于 2016-12-15 07:30:32 |
很不错,一直有在用 VSCode ,谢谢分享

主题:
39
帖子:
369
云币:
400

APICloud粉丝女朋友不觉明厉强者王者APICloud五岁啦

发表于 2016-12-15 09:53:52 |
感谢分享

新手上路

UID:99818

主题:
8
帖子:
59
云币:
73
发表于 2016-12-15 15:01:39 |

感谢分享

实习司机

UID:165199

主题:
3
帖子:
97
云币:
706

足球狗

发表于 2016-12-15 17:02:47 |
加上SVN就好了

驾校小白

UID:222549

主题:
3
帖子:
13
云币:
169
 楼主| 发表于 2016-12-15 18:46:17 |

可以用Git,VSCode里也有svn的插件,可以去下载

主题:
1150
帖子:
5468
云币:
2147208043

圣诞节捣蛋鬼APICloud大会专属勋章足球狗儿童节快乐

发表于 2016-12-28 13:42:35 |
感谢分享,谢谢

主题:
39
帖子:
369
云币:
400

APICloud粉丝女朋友不觉明厉强者王者APICloud五岁啦

发表于 2016-12-28 17:20:19 |
怎么设置 使用console.log

主题:
48
帖子:
152
云币:
599
发表于 2016-12-28 17:24:41 |
感谢分享,真无私。

主题:
56
帖子:
298
云币:
1159
发表于 2016-12-28 20:59:23 |
api.智能提示出不来
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表