云之家 - 卡片开发

基本使用流程

1. 进入配置页面，选择 Cloudhub Card 进行相应的配置
2. 切换到指定的卡片，以 .vue 结尾的文件
3. 按照 卡片开发规范 进行卡片代码编写
4. 执行相应命令，即可将卡片“发布”至卡片开发平台

如何通过 vsix 安装

1. 打开 VSCode
2. 点击 扩展（EXTENSIONS）
3. 点击右上角 ...，最后一项 从 VSIX 安装（install from VSIX），打开本插件的 .vsix 即可

配置

• Card:ID：卡片的 id，需要在卡片平台手动创建卡片后，获取相应的 id
• Custom:Env Name：自定义环境名称（Env List 中的 item 值），可以将卡片代码“发布”到指定的环境中，优先级高于下文的 Env
• Custom:Env List：自定义环境列表，可以将卡片代码“发布”到指定的环境中，优先级高于下文的 Env
• Custom:Env Client Id：自定义环境 ClientId 列表，主要用于登录，部分环境需要 ClientId 校验的情况
• Custom:Env Client Id Name：自定义环境 ClientId，默认为 “SaaS”，值为空
• Enable：是否启用插件
• isPrivate：当前调试环境是否为私有云（作用于调试工具匹配相应环境）
• Env：选择相应的环境，预置的云之家 4 大环境
• User:Name：相应环境的开发者账号
• User:Password：相应环境的开发者账号的密码

命令

在 VSCode 中，使用热键 Command + Shift + p （Windows： Ctrl + Shift + p）呼出执行命令的界面，输入 cloudhub 前缀即可获取相应命令。

• Cloudhub: Save Card Code for Web/PC：将卡片代码“发布”为桌面/网页端代码
• Cloudhub: Save Card Code for Mobile：将卡片代码“发布”为移动端代码
• Cloudhub: Save Card Code for Mock：将卡片代码“发布”为模拟数据代码
• Cloudhub: Preview Card：调试卡片，唤起云之家桌面端并进入开发模式，同时新开 VSCode Webview 进行卡片配置
• 支持卡片代码窗口 右键 快捷呼出菜单操作
• 支持使用热键 Command + F10（Windows： Ctrl + F10）