编辑器AI插件其实也出来了一段时间了,比如Codegeex、通义灵码等等。但是这些插件都有一个共同的特点,就是通用性,比如装了一个插件就可以开发大部分代码(例如下面的Codegeex官网介绍的支持语言),但是不专精。
Codegeex官网显示支持的语言
而且鸿蒙有一定开发特点,就是基于自己的编辑器,所以市面上目前除了通义灵码在之前在鸿蒙的专属编辑器DevEco中,就没有其他的选择了。不过目前华为自己也整了个AI插件,叫做CodeGenie,目前在官网上还是很显眼的位置的,毕竟刚推出来。
华为官网DevEco编辑器页面中显示的AI插件
不过这个插件有版本的限制,必须是5.0.0以上版本才可以找到,比如我之前是5.0.0在插件库就搜不到这个这个AI插件,但是我升级了之后,就可以看到了。
5.0.2版本的DevEco
查找插件
这个插件安装了会让你重启,但是通义灵码就没用重启,你看这独有的“仪式感”。
安装完插件提示重启
接下来,我们就可以打开编辑器,开始整这个玩意了,这个基本上可以理解为是鸿蒙语言专精的AI插件了,这个工具区位于编辑的右侧,比如我们可以像文心似的问他内容,不过问其他的东西人家很勉强的告诉你基本特性,不过毕竟是鸿蒙专精的AI插件,其他的咱们也不是特别需要,因为很难想象在鸿蒙的编辑器中开发其他语言是啥感觉,毕竟术业有专攻。
CodeGenie问非鸿蒙相关的问题
但是如果你问他关于鸿蒙的相关问题,那他可就来劲了,解释的相当清晰,文件啥的,代码啥的都给你列出来。很好,很“偏(zhuan)科(jing)”。
CodeGenie问鸿蒙相关的问题
当然像代码补全什么的都是比较基本的操作了,实测支持在编辑区域依据代码上文推断续写内容,在已有的代码行后快捷键 alt+\触发补全,Tab键应用到代码中,Esc键取消补全代码。
代码补全
当然也支持在对话框中选择代码生成,依据自然语言生成鸿蒙原生应用代码,支持一键复制和一键插入编辑区域光标所在位置。比如给他个需求:使用ArkTs语言写一段代码,在页面中间部分插入Swiper组件,其中有3个Image组件,其图片资源名分别为app.media.phone,app.media.watch,app.media.glasses。这些Image组件的宽度撑满父布局,高度为600,图片缩放类型为保持图片宽高比不变,将图片完全显示在边界内。 Swiper组件设置为自动播放,播放时间间隔为2秒。然后就自己写出来了。
对话框生成
当然也是支持卡片的开发,其实按照官网的步骤并不难学习,也就是问他他就回答了,然后拿着代码粘贴就完事了,轻松变成高级CV工程师了。
生成神奇卡片
不过呢,按照华为的特点,这个东西肯定也是会迭代的,当然这个也只是我初步的探索,有兴趣的小伙伴也可以自己整一整,因为确实通过AI,让鸿蒙开发的上手难度,又降了一个级别。
鸿蒙HarmonyOS Next -CodeGenie
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-codegenie-V5