【实验操作指导手册】基于CodeArts代码智能体-快速构建商品管理Web应用

实验任务

任务一 下载官方AI IDE智能编程工具

点击此处进入官网下载CodeArts代码智能体界面，点击“立即获取AI IDE”。

工具下载完成之后，打开工具，点击右侧智能体按钮，在对话框中点击登录按钮。

登录华为云账号时，会自动跳转浏览器自动打开“登录”确认页面。若此时未登录账号，则跳转华为账号登录。若账号已登录，则选中并点登录。。

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

登录成功后返回AI IDE工具，即可使用智能体了。

任务二 配置智能体模式

在CodeArts代码智能体对话框下侧点Agent模式，在弹出的菜单最后侧点设置按钮。

在设置界面，点自动批准右侧的下拉三角

进入授权所有自动化操作界面，分别勾选读取文件和目录、编辑文件、执行命令、更新代办。。

至此，我们已完成了CodeArts代码智能体的搭建。

任务三 构建团队抽奖应用

点击界面中新建项目按钮-创建一个新的项目

在CodeArts代码智能体对话框中输入“帮我构建一个纯前端代码的简单商品管理web应用，要求如下： 1、UI布局合理，界面美观； 2、实现商品添加、编辑、删除等功能； 3、代码可直接运行。”使智能体自动构建此应用，并运行程序：

此时可以看到，智能体开始自动构建任务步骤：生成开发方案、编写代码与安装依赖，全程不需要我们操作，如遇到智能体提问是否符合期望，可根据生成内容继续调整。

代码文件生成完成后，打开访问Web界面：

体验功能：添加商品

注：因为本抽奖应用是Agent自动生成的，每次提问所设计生成的代码及最后的运行结果均存在出入，开发者可根据自己的需求，调教模型生成自己想要的结果。

至此，CodeArts代码智能体-快速构建商品管理Web应用案例结束，各位小伙伴快来体验吧。

我们还可以体验试试让智能体再生成几种平日电脑中实用的小工具：比如和智能体说“帮我生成一个图片压缩工具”“帮我生成一个PDF编辑工具”“帮我生成一个记事板工具”