快应用开发工具 3.4 版本发布

快应用工具开发团队,于 2020 年 10 月 26 日,发布 IDE 最新版本:v3.4.0

v3.4 更新说明

距离上次发布更新博文(快应用开发工具 3.3 版本发布),已经过去两个多月时间;并不是团队的更新频率有意减缓,只是在这个版本中,我们有集成更多有价值功能所致;下面与大家分享下在 3.4 版本中,我们所做的那些重要改进:

新增功能

代码分享和导入

为方便用户分享自己的代码,IDE 推出了分享和导入项目代码的功能;只需一个链接,通过 IDE 就能够快速地和他人分享查看自己的代码。具体操作如下说明:

  • 点击顶部工具栏分享按钮,选填项目描述,点击生成分享链接,可分享代码至包管理平台;

  • 上传之后会返回一个链接,复制该链接,可分享给其他人,其他人可直接访问复制的链接,在 IDE 打开的情况下,IDE 会自动打开代码导入窗口,若需修改名称 / 导入文件夹,可修改后点击导入,否则按默认信息导入。

  • 当你想主动导入时,可点击左侧边栏「快捷入口」,点击导入代码片段,可根据 id 或者链接导入代码。

新增 Mock 面板

为了您能更加方便地在快应用中调试数据,有在调试器面板中,新增一个 mock 面板,可模拟快应用接口,用户在代码中调用接口时,可以返回自己设置的模拟值。

具体 mock 规则,可参见如下说明:

  • 选择接口:不能为空,不能填写列表外的接口。

  • 参数匹配规则:

    • 参数:可下拉选择 / 自定义。
    • 参数正则表达式:代码传入的参数满足正则时,使用当前 mock 规则,有多个参数时,需同时满足。
  • 数据生成:数据模版(可参考 数据模版语法规范)。

  • 一个接口配置多个 mock 规则时,位于上面的规则优先匹配,可拖动 mock 规则名称调整优先顺序。

文档搜索功能

开发快应用,参见文档是必要的;为方便您可以更加方便查看文档,有将其在 IDE 内置,可在 IDE 的 Tab 页中直接浏览官方文档。打开方式为:顶部菜单栏帮助 => 文档搜索

包管理平台入口

在个人信息的模块中,新增包管理平台入口;您可以一键打开并登录包管理平台,从而查看您上传的 rpk 包或者分享的项目。

优化更新

格式化换行

IDE 新增对 UX 文件的格式化,当 template 的组件属性太长时(一般为 120 个字符),用右键 「格式化文档」或者快捷键  mac:⌘ + ⇧ + f ; windows:ctrl + shift + f  可自动格式化换行。

优化项目没有安装依赖的提示和后续

当您新建项目后,IDE 默认不会自动为您安装依赖;这就需要您自行安装;具体有以下两种操作:

  1. 打开菜单栏工具选项,点击安装 npm 依赖
  2. 打开终端(Terminal),运行 npm i 命令;

依赖安装完成后,您需要重新启动 IDE,或者重新编译(⌘ + B);这一套虽不是很复杂,却不够简单;所以对此我们对了优化:在预览区直接给出操作按钮,依次点击即可;效果如下图所示:

卡片开发流程优化

有开发过快应用卡片的朋友们,应该有所体会,原本的开发卡片的流程,十分繁琐,不够人性化;此次,我们有对快应用卡片的开发流程,做了尽可能的优化:新建卡片打开工程之后,自动下载插件配置 toolkit,达到零配置即可进行卡片开发;并对卡片与快应用两种类型,做了判断区分,使得您可以随心切换。

除此之外,我们还对已知问题(如鼠标移入模拟器导致 git hover 失效)、以及用户反馈的建议,做了改进优化;另外,通过 IDE 生成骨架屏并预览,已开发完毕,将于后续版本与引擎一起发布。

展望未来

转眼,2020 年已经走过大半;快应用 IDE 也已经发布 6 个大版本,对开发中常用到的功能,进行了填补和优化。未来,团队将会持续关注性能稳定性兼容性,这些对于用户和我们,都至关重要的基本面;同时将投入更多精力于 IDE 预览,力争做到预览之呈现,即真机所显(相信在不久之后,将有大的改善);对于新功能,会持谨慎态度,认真研究,力争每一点努力,都能为您带来应有价值;最后,我们将始终倾听用户的声音,如果您有任何建议或意见,请及时告知,将尽可能满足您。

如果您还没有尝试过快应用 IDE,请下载以及尝试使用它,如果您有任何想法,请及时让我们知晓。

再次表示感谢!最后,愿所有人,都可以:工作开心不加班,生活快乐无忧虑。

── 来自快应用工具开发团队,于 2020 年 10 月 26 日。