vivo 快应用官方博客

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

快应用开发工具 Jul 28, 2021

快应用工具开发团队，于 2021 年 7 月 26 日，发布 IDE 最新版本：v4.1.0。

v4.1 更新说明

在 7 月即将结束之际，快应用开发团队，将之前遗留的一些未解决问题，做了处理和优化，推出最新 v4.1.0 版本；下面请允许跟大家分享下，在此次迭代，我们做了一些重要改进。

优化更新

windows 升级方式优化

过去，用户想升级 windows 版本的 IDE，必须使用管理员权限。这种限制，增加了 IDE 的升级成本，降低了升级率，使得部分用户无法第一时间使用最新的 IDE。

因此，我们优化了 windows 版本 IDE 的升级方式。现在，用户只要点击“立即更新”按键，就可以安装最新版本的 IDE，并体验新功能。另外，4.0 以上版本的 IDE 会在后台自动更新，下次打开就是最新版本的，不需要用户进行额外的操作。

注意事项：

  • 4.0 版本前升级到新版本的用户，电脑上会同时存在两个 IDE，需要手动卸载老版本 IDE。4.0 之后的更新将不存在这个问题。
  • 4.0 之后的版本更新将在后台自动更新为最新版本，关闭 IDE 之后自动安装。

远程预览

原本 IDE 已经提供了一个本地二维码，用户可以扫码预览。但使用该功能有两个前置条件，一是，必须使用调试器扫码；二是，必须使用内网环境，即手机和电脑连接的网络相同。

这给开发者带来了一些不便。比如，异地办公的产品同事想查看效果，但是网络环境不同，就无法扫码进行预览。只能开发者发送 rpk 给产品同事，产品再手动下载到手机上，并手动使用调试器安装。

为了解决这个痛点，我们推出了远程预览功能。点击顶部工具栏的「远程预览」按钮，在登录的情况下，IDE 会自动打包将包体上传至后台，生成二维码。开发者可以将生成的二维码分享给产品、测试等人员，产品、测试通过微信或者浏览器扫码，就可以预览代码的效果，无需安装调试器。

远程预览

注意事项：

  • 使用远程预览，需要先登录快应用官网账号，并完善官网账号信息。

荣耀卡片新建

为了方便开发者创建不同厂商的卡片，4.1 版本，在原有三家厂商的基础上新增荣耀卡片的创建。

点击菜单栏「文件」「新建快应用卡片」，即可新建卡片。

manifest.json 语法提示

快应用使用 manifest.json 配置快应用的基本信息。但是由于属性字段多，配置时开发者可能经常需要查阅官方文档，不太方便。

4.1 版本实现了 manifest.json 的语法提示功能，包括自动补全、hover 提示、类型校验、必填字段校验，以减少开发者查阅文档次数。

如果你对 manifest.json 语法提示的实现有兴趣，或者想给其他的 json 文件设置语法提示功能，可以查看文章 如何实现 Json 文件的语法提示。

.ux 文件语法提示优化

关于 .ux 文件的语法提示，我们根据用户的反馈，进行了以下优化：

  • 自定义组件支持通用属性和通用事件的提示。比如一个自定义组件 <custom-component />, 在标签内输入空格，会提示 class、id、show 等通用属性和 onclick 等通用事件。
  • 快捷创建页面：在一个空白的 ux 文件中，输入 ! , 会给出页面模版的提示，输入 enter，插入页面模版的代码。!!! 是一个内容更简单的页面模版。
  • 增加数组方法补全：如下图，this.list 是数组类型，输入 . 可以触发数组方法的补全提示。
    数组方法补全

之前 Emmet 提示存在下面问题，现在已修复：

  • div#text-class>div.good$*4>a{Item $} 输入 $ 之后，Emmet 失效。
  • div#text-class>div.good$*4>a{Item $} ，$ 应该生成递增的数字，但实际没有生效。

另外，属性跳转有时候会失效，也一并修复了。

  • 如图，点击 initValue，无法跳转到 script 对应的变量上。注：4.1 之前版本，<template> 标签前面还有其他内容时，会出现该问题。
    属性跳转失败

展望未来

在接下来的日子里，我们将再接再厉，使得 IDE 使用体验再升一个台阶。未来，团队仍将持续关注性能、稳定性、兼容性，这些对于用户和我们，都至关重要的基本面；同时将投入更多精力于 IDE 预览、预检测，力争做到预览之呈现，即真机所显（相信在不久之后，将有大的改善）；对于新功能，会持谨慎态度，认真研究，力争每一点努力，都能为您带来应有价值；最后，我们将始终倾听用户的声音，如果您有任何建议或意见，请及时告知，将尽可能满足您。

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

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

── 来自快应用工具开发团队，于 2021 年 7 月 28 日。

2021 年 IDE 版本更新时间线：

2020 年 IDE 版本更新时间线：

Tags

vivo-developer

vivo 快应用官方博客。

Recommended for you