快应用开发工具 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 快应用官方博客。