鸿蒙开发：CodeGenie，一个DevEcoStudio中自带的AI编程工具原创

程序员一鸣

发布于 2025-6-16 18:46

浏览

0收藏

前言

本文基于Api13

如果你正在使用最新的DevEcoStudio，你会发现，在IDE的右侧，有一个很特别的选项CodeGenie，它就是DevEcoStudio中一个自带的用于AI辅助编程的工具，最大的作用就是支持智能知识问答，同时支持ArkTS代码生成和万能卡片生成能力，帮助我们提高编码效率。

鸿蒙开发：CodeGenie，一个DevEcoStudio中自带的AI编程工具-鸿蒙开发者社区

使用方式

新版IDE

新版IDE是自带这个功能的，直接点击右侧的选项CodeGenie，就可以进入功能页面，当然，你也可以执行快捷键Alt/Option+U，来快速的启动。

旧版IDE

如果您的IDE没有CodeGenie这个选项，那么证明不是最新版，此时，如果你不想升级IDE，但是也想尝试这个功能，那么您可以下载官方提供的插件进行安装。

官方插件下载地址：

https://developer.huawei.com/consumer/cn/download/deveco-codegenie

下载之后的安装压缩包无需解压，待完成之后，可依照下方步骤进行安装。

在DevEco Studio菜单栏，点击File > Settings（如果你的电脑是macOS，那么路径为DevEco Studio > Preferences）> Plugins，点击设置按钮 > Install Plugin from Disk…，就可以进行安装本地的插件了。

鸿蒙开发：CodeGenie，一个DevEcoStudio中自带的AI编程工具-鸿蒙开发者社区

选择您下载的插件安装包即可，安装之后，点击Restart IDE，重新启动DevEco Studio，就可以进行体验了。

简单体验

鸿蒙开发：CodeGenie，一个DevEcoStudio中自带的AI编程工具-鸿蒙开发者社区

如果您未登录，勾选同意隐私安全政策及使用条款后，点击Sign in登录即可，等登录之后，再次点击侧边栏CodeGenie，即可开始体验，目前CodeGenie已经接入了DeepSeek-R1智能体，可以说在IDE中，我们就能很方便的体验DeepSeek智能问答能力。

鸿蒙开发：CodeGenie，一个DevEcoStudio中自带的AI编程工具-鸿蒙开发者社区

目前有两大亮点功能，一个是知识问答，一个是代码生成，除此之外，您也可以选择自己的模型，目前有三个，而且支持DeepSeek-R1智能体，简直不要太方便。

鸿蒙开发：CodeGenie，一个DevEcoStudio中自带的AI编程工具-鸿蒙开发者社区

小试牛刀

比如选择代码生成选项，输入了一个”帮我生成一个上边是轮播图，下面是列表的一个组件“的询问，响应速度很快，而且所生成的代码，真的是基于ArkUI而生成的，除了数据，几乎不需要太大改动，可以说是十分的方便。

鸿蒙开发：CodeGenie，一个DevEcoStudio中自带的AI编程工具-鸿蒙开发者社区

我把生成的代码复制了出来，大家可以看一看生成的质量，可以说几乎无需修改，便可以投入使用。

@Entry
@Component
struct Index {
  private swiperController: SwiperController = new SwiperController();
  private data: string[] = ['1', '2', '3', '4', '5'];

  build() {
    Column() {
      Swiper(this.swiperController) {
        ForEach(this.data, (item: string) => {
          Text(item)
            .width('100%')
            .height('100%')
            .fontSize(30)
            .textAlign(TextAlign.Center)
            .backgroundColor(Color.Pink);
        });
      }
      .cachedCount(2)
      .index(1)
      .autoPlay(true)
      .interval(2000)
      .indicator(true)
      .loop(true)
      .duration(1000)
      .itemSpace(0)
      .curve(Curve.Linear);

      List() {
        ForEach(this.data, (item: string) => {
          ListItem() {
            Text(item)
              .width('100%')
              .height(100)
              .fontSize(30)
              .textAlign(TextAlign.Center)
              .backgroundColor(Color.Pink);
          };
        });
      }
      .width('100%')
      .height(200)
      .listDirection(Axis.Vertical);
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.White);
  }
}

针对以上代码，我们可以进行复制，插入，和新建一个文件。

鸿蒙开发：CodeGenie，一个DevEcoStudio中自带的AI编程工具-鸿蒙开发者社区