APICloud For VSCode -- 适用于vsCode编辑器的APICloud开发工具
简介
个人为 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
- 忽略项目中所有某一名称的文件夹极其子文件(夹),如node_modules目录:
**/node_modules/**
- 忽略根目录中某一目录下的所有文件(夹),如src目录:
src/**
- 基于自动化webpack等自动化构建工具常用的表达式:
{**/*.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
演示
![IDE](https://raw.githubusercontent.com/hk0828/APICloud-For-VSCode/master/images/sz.png)
| |