#HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发 原创

梅科尔吴玉佩
发布于 2024-8-31 20:55
浏览
0收藏

AI智能辅助编程工具

定义

DevEco AI辅助编程工具(CodeGenie)为开发者提供高效的应用/服务AI辅助编程工具,支持HarmonyOS NEXT领域的智能知识问答、ArkTS代码补全/生成和万能卡片生成能力,提高开发者编码效率。

约束条件

建议使用DevEco Studio 5.0.3.403及以上版本。

插件安装

DevEco CodeGenie 申请

单击链接报名申请使用DevEco CodeGenie,报名申请审核通过后,可通过邮件链接或访问下载中心获取。安装包存放路径不能包含中文字符。安装包无需解压,可直接依照下方步骤进行安装。
https://developer.huawei.com/consumer/cn/activity/101718933685103243/singup

DevEco CodeGenie 插件安装

  1. 在DevEco Studio菜单栏,点击File > Settings(m acOS为DevEco Studio > Preferences)> Plugins,点击 Install Plugin from Disk…,在弹出的文件选择窗口中,选择插件安装包的存放位置,点击Accept确认使用插件。
    #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区
  2. 点击Restart IDE,重新启动DevEco Studio。
    #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区
  3. 在菜单栏点击Help > CodeGenie,或在DevEco Studio右侧边栏点击CodeGenie进入DevEco CodeGenie,插件安装成功。
    #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区

万能卡片生成

  1. 在对话框中选择万能卡片,输入需要生成的万能卡片需求并发送,可以根据模型的提示进行多轮交互,完善需求。
    #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区
  2. 需求描述完成后,智能生成卡片(1~3张)及预览效果图。
    1. 比如说我现在想要生成一个解压方式类的服务卡片,浅蓝色主题的。我把这段内容进行描述发送
      #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区
    2. 若没其他需求,回复“YES”直接生成卡片,有其他需求可继续进行描述。我回答“YES”后,为我生成了三张卡片#HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区
  3. 生成卡片后可以点击右上角快捷键查看生成卡片的UI代码、配置信息和下载静态资源文件,并可以进行相关代码修改
    #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区
    • 点击“查看代码”后,下方会出现卡片UI代码模块
      #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区
    • 点击“查看配置”后,下发会出现配置代码模块
      #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区
    • 点击“下载资源”后,会在Resource的media模块下载卡片用到的相关资源
      #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区
  4. 保存卡片工程有两种方式:
    1. 方式一:按照步骤3的流程,使用代码/配置查看窗口的“复制”、“插入”或“创建文件”等快捷键手动保存卡片代码和配置信息。
    2. 方式二:点击“保存到工程”后,出来一个弹窗,点击“NEXT”
      #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区
  5. 工程保存完成后,工程会新增以下卡片相关文件:
    #HarmonyOS NEXT体验官#梅科尔工作室HOS-打造智能服务卡片:DevEco AI CodeGenie 助力高效开发-鸿蒙开发者社区

总结

通过以上步骤,就可以快速生成服务卡片啦,是不是非常迅速,您可以尝试一下并烧录到真机上查看实际效果 。

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
已于2024-8-31 23:54:51修改
收藏
回复
举报
回复
    相关推荐