请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

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

1
回复
1443
查看
[复制链接]

464

主题

759

帖子

6440

积分

 楼主| 2021-9-28 12:40:17 显示全部楼层 |阅读模式

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

快应用工具开发团队,于 2021 年 9 月 22 日,发布 IDE 最新版本:v5.0.0

v5.0 更新说明

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

优化更新

依赖分析插件

快应用 IDE 提供代码静态依赖分析插件,旨在方便开发者查看代码文件构成和依赖关系,以优化代码包大小和内容(优化资源尺寸、剔除重复构建等,具体操作可参见文章 ── 如何优化「快应用」rpk 包体积?),从而促进应用程序运行更迅速。

注意: 需要先安装插件 hap-bundle-analyzer,请在插件市场安装。

安装完成之后,可通过侧边栏「快捷入口」「依赖分析」或者 ctrl + shift + p 输入 quickapp analyzer 使用该功能。

  • 资源依赖分析

    给予用户直观的显示打包后的资源文件的路径列表及其大小,方便用户优化资源文件的体积:

    • 资源文件大小超过 120 KB,可能导致包的体积过大,可优化。

    • 资源文件大小在 50 KB 到 120 KB之间。

    • 资源文件大小小于 50 KB。

  • 重复引用分析

    该功能用于统计在打包之后,各个文件的被引用次数。只展示大于等于两次的引用,您可根据被引用的次数和大小,来优化代码,以减小 rpk 体积,您可点击「页面引用详情」下的「查看引用路径」来查看该文件被页面引用的详细路径。

  • 依赖分析

    该功能用于统计在打包之后,各个文件的依赖关系。根节点为各个页面的路径,子节点为页面导入的组件或者是文件路径,显示的文件大小为原始没有经过 minify 处理的文件大小。

Web 拉起快应用插件

快应用 IDE 提供此插件,旨在方便开发者「测试基于网页拉起快应用」(deeplink 方式)。此插件会开启一个本地服务,您可用手机,扫描如下二维码,即可在手机端打开该服务页面;根据提示操作,您即可测试,网页能否拉起您正在开发的快应用(如果您的快应用,还未上线,请提前在手机端安装该快应用)。

模版新建弹框填入项,给出默认

增加在新建模板的时候,自动填入信息:其中项目名称 quickapp-code-${ num + 1 }

内存快照命令

为方便排查内存问题,增加内存快照命令。

  • 调起命令输入框:cmd + shift + p (Mac)ctrl + shift + p (Windows);

  • 命令:

    • hap: take all heap snapshot 生成所有 heap snapshot

    • hap: take extension heap snapshot 生成插件进程的 heap snapshot

    • hap: take workbench heap snapshot 生成主进程和渲染进程的 heap snapshot

会在用户目录下生成快照。
windows 用户目录:${user}\AppData\Roaming\快应用开发工具\heapsnapshot
mac 用户目录:~/Library/Application Support/快应用开发工具/heapsnapshot

代码自动补全

增加了 style 部分,classid 的补全。

如下图, template 中的 classwrapper、title、content, 在 style 部分,输入 . 会提示这些 class

优化「远程预览」请求中的动画和提示

丰富插件

为丰富插件市场,收集了一些能够方便开发者开发的插件,具体如下:

  • Bracket Pair Colorizer:允许使用颜色标识匹配的括号。用户可以定义要匹配的字符以及要使用的颜色。

  • Auto Rename Tag:自动重命名配对的 HTML/XML 标签。

  • Tabnine:人工智能代码助手,自动完成、AI 辅助代码补全、AI 驱动代码补全、AI 代码片段、代码建议、代码预测、代码提示或内容辅助。

  • Todo Tree:快速搜索(使用ripgrep)您的工作区以查找TODOFIXME 等注释标签,并将它们显示在资源管理器窗格的树视图中。单击树中的 TODO 将打开文件并将光标放在包含 TODO 的行上。

  • open in browser:在浏览器中快速打开当前文件。

  • Better Comments:帮助您在代码中创建更人性化的注释。

  • Github viscose themeGitHubVS Code 主题。

  • Footsteps:在代码的不同部分之间跳转时保持你的位置。

关于快应用 IDE 插件,如您有兴趣了解更多,可参见文章:如何使用插件提升快应用开发效率

刷新预览和 devtools

在预览设置中,增加一个刷新按键,可以刷新预览和 devtools

修复 devtools 断开连接 bug

电脑睡眠之后,devtools 断开连接,预览的 touch 模式会失效。现在,可以通过点击预览上方的刷新按键、保存文件等方式,让预览和 devtools 恢复正常。

展望未来

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

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

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

── 来自快应用工具开发团队,于 2021 年 9 月 22 日。


官方客服微信:kuaiyingyongguanKF
官方QQ群2:1012199894
回复

使用道具 举报

2

主题

3

帖子

25

积分

2021-10-29 11:32:44 显示全部楼层
编译器越更新,电脑越卡
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册