文档首页/ CodeArts Doer/ 快速入门/ Visual Studio Code
更新时间:2026-01-16 GMT+08:00
分享

Visual Studio Code

CodeArts Doer代码智能体为开发者提供智能编码辅助能力,广泛覆盖代码生成、研发知识问答、智能体协作开发等场景。

本文档以Visual Studio Code为例,指导您快速完成CodeArts Doer代码智能体插件的安装与登录操作,并体验代码自动生成、智能问答、CodeAgent智能体等核心功能。

操作流程

操作步骤

说明

准备工作

  1. 注册华为账号并开通华为云、实名认证。
  2. 安装Visual Studio Code工具。

步骤一:安装并登录CodeArts Doer代码智能体

安装CodeArts Doer代码智能体插件,并使用已注册的华为账号进行登录。

步骤二:体验CodeArts Doer代码智能体

带您快速体验代码自动生成、智能问答和CodeAgent智能体这三大核心功能。

准备工作

在使用CodeArts Doer代码智能体进行编码前,需要参考如下内容,提前进行华为账号的准备工作。

  1. 注册一个华为账号并进行实名认证。

    1. 进入华为云官网,单击页面右上角的“注册”。
    2. 参考注册华为账号并开通华为云中操作,完成注册。
    3. 注册成功后,进行实名认证。

  2. 进入Visual Studio Code官网,下载并安装Visual Studio Code。

    目前仅适用于Windows 10和Windows 11系统

步骤一:安装并登录CodeArts Doer代码智能体

  1. 双击已安装的Visual Studio Code图标,打开Visual Studio Code。
  2. 安装CodeArts Doer代码智能体。

    1. 打开Visual Studio Code,单击侧边栏的扩展图标
    2. 在搜索框中,输入“CodeArts Doer for Coding”并回车。
    3. 在查找结果中,单击“Install”,Visual Studio Code将会自动下载并安装CodeArts Doer代码智能体插件。

      重启后,在Visual Studio Code侧边栏中可查看到CodeArts Doer代码智能体插件图标 ,说明插件安装成功。

  3. 登录CodeArts Doer代码智能体。

    1. 在Visual Studio Code侧边栏中,单击CodeArts Doer代码智能体插件图标
    2. 单击“华为账号登录”,进入华为云登录页面。
    3. 输入华为账号和登录密码,单击“登录”

      首次使用CodeArts Doer代码智能体,会进入开通页面。需要勾选“我已阅读并同意”后,单击“立即开通”,等待套餐开通完成。

      页面将显示“登录中”,待页面提示登录成功后,返回Visual Studio Code工具即可使用CodeArts Doer代码智能体,开启智能编码之旅。

      图1 登录成功界面

步骤二:体验CodeArts Doer代码智能体

CodeArts Doer代码智能体全面覆盖代码生成、研发知识问答、单元测试用例生成、代码解释与注释和静态检查等主流开发场景。下面将通过代码自动生成、智能问答和智能体这三大核心功能,带您体验CodeArts Doer代码智能体的高效与智能。

智能体可以根据您的需求描述,自主规划并编写代码,帮您生成可直接运行的对应程序。

以开发一个简约风格的前端登录页面为例。

  1. 单击侧边栏中的CodeArts Doer代码智能体图标 ,打开聊天窗口。
  2. 在聊天界面输入框的下方选择“智能体”,切换到智能体模式。

    图2 切换到智能体模式

  3. 授权所有自动化操作,即可在复杂工程级代码生成过程中实现自动授权。

    如果您未开启自动化操作授权,在使用CodeArts Doer代码智能体进行编码时,部分操作将需要您手动确认。
    1. 将鼠标放置在智能体这一行,单击右侧的设置图标,进入设置页面。
      图3 单击设置图标

    2. 单击“自动批准”后的“未启用”图标,进入授权所有自动化操作页面。
      图4 单击未启用图标

    3. 勾选所有选项,单击 图标,完成授权操作。
      图5 授权所有自动化操作

  4. 使用智能体开发前端页面。

    在代码智能体的输入框中,输入如下内容,单击 图标,等待页面创建完成。

    编写一个简约风格的前端登录页面

  5. 前端页面效果验证。

    1. 页面创建完成后,在左侧边栏中单击图标,打开资源管理器。
    2. 在项目文件夹中,找到生成的login.html,单击右键选择“在文件资源管理器中显示”,即可查看到登录页面。

      当前展示的效果图仅是示例,请以工具最终实际生成的效果为准。

      图6 生成的登录页效果

在编码过程中,您可直接在IDE内通过CodeArts Doer代码智能体的聊天界面的输入框发起提问,支持基于需求描述、编程语言注释或自然语言描述等多种形式,无需离开当前开发环境。

  1. 单击侧边栏中的CodeArts Doer代码智能体图标 ,打开聊天窗口。
  2. 在聊天界面输入框的下方选择“智能问答”,切换到智能问答模式。

    图7 切换到智能问答模式

  3. 在聊天界面的输入框中,输入如下内容,单击

    请分析什么是二叉树,并写一段Python代码示例

  4. 对话将返回二叉树的概念解释和Python代码示例,单击代码块右上角的插入按钮 ,可直接将代码插入编辑器。

    当前展示的效果图仅是示例,请最终实际生成的效果为准。

    图8 工具生成效果

  5. 基于智能体的回答,您可以继续提问,完成多轮会话。

    例如,您可以继续输入如下信息,单击 图标。
    把上面生成的Python代码改写为Java代码。

    当前展示的效果图仅是示例,请以您的实际生成效果为准。

    图9 生成的Java代码效果图

根据上下文或注释自动续写Java语言编写的计算Fib4数列的第n个元素。

  1. 创建Java Class文件,例如“Solution.java”,在代码编辑器中输入如下内容。

    public class Solution {
        /**
         The Fib4 number sequence is a sequence similar to the Fibonacci sequence that's defined as follows:
         fib4(0) -> 0
         fib4(1) -> 0
         fib4(2) -> 2
         fib4(3) -> 0
         fib4(n) -> fib4(n-1) + fib4(n-2) + fib4(n-3) + fib4(n-4).
         Please write a function to efficiently compute the n-th element of the fib4 number sequence.  Do not use recursion.
         >>> fib4(5)
         4
         >>> fib4(6)
         8
         >>> fib4(7)
         14
         */
        public int fib4(int n) {

  2. 按下快捷键“Alt+C”,CodeArts Doer代码智能体将会在编辑器中生成对应代码。

    当前展示的效果图仅是示例,请以您的实际生成效果为准。
    图10 代码续写效果

  3. 接受当前建议,按Tab键或者单击编辑区的“接受”。

    图11 接受续写代码

相关文档