
# IDE
华为云码道代码智能体IDE，把AI深度融入你的开发环境。有这位智能伙伴全程相伴，你的编程体验将变得无比流畅与高效。
#### 操作视频
本视频演示华为云码道代码智能体IDE的安装部署、开发调试及效果验证。
因产品功能演进，操作界面可能存在差异，相关视频仅供参考，具体以实际环境为准。
<video controls="controls" preload="none" id="object19789049124420" class="idp-external-video" src="https://res-video.hc-cdn.com/cloudbu-site/china/zh-cn/support/codeartsdoer-video/IDEQS0611.mp4" title="IDEQS" poster="https://support.huaweicloud.com/qs-codeartsagent/zh-cn_image_0000002658402518.jpg" height="340.0000" width="600.0000"></video>
#### 准备工作
- 你可参考文档[注册华为账号并开通华为云](https://support.huaweicloud.com/usermanual-account/account_id_001.html)，进入[华为云官网](https://www.huaweicloud.com/)注册**华为账号**。
- 运行环境：Windows 10 (x64，2019 及以上版本) / Windows 11 (x64)。
 
#### 步骤一：安装并登录
1. 进入[华为云码道CodeArts代码智能体官网](https://codearts.huaweicloud.com/)，下载华为云码道代码智能体IDE安装包。
2. 双击安装程序，根据界面提示完成安装。
3. 双击华为云码道代码智能体IDE图标，启动华为云码道代码智能体IDE。
4. 登录华为云码道代码智能体IDE。 
   1. 单击"开始"，进入导入配置页面。
   
   2. 导入配置：
      1. 如果平时习惯使用VS Code，你可选择"从VS Code导入"，把平时习惯和项目无缝带过来。
      
      2. 如果想体验全新的纯净环境，单击 **"跳过"** 也没问题。
       
   
   3. 登录账号：单击 **"登录"** 会自动唤起浏览器，输入你的华为账号密码即可。
   
   4. 一键授权：勾选同意协议并单击 **"确认授权"** 。搞定后，切回IDE就可以直接开工了！
      ![](https://support.huaweicloud.com/qs-codeartsagent/public_sys-resources/note_3.0-zh-cn.png)
      如果第一次使用，授权成功后系统会自动为您开通免费体验版，即刻开启AI编程之旅。后续如果想解锁更多高级功能，随时可以在订阅管理里升级。
      
   
   
   
   
 
#### 步骤二：开发Web应用
1. 新建一个项目。 
   **项目名称需要以字母开头，可包含字母、数字、中划线或下划线，总长度不超过64个字符。**
   图1新建项目   
   ![](https://support.huaweicloud.com/qs-codeartsagent/zh-cn_image_0000002677532792.png "点击放大")
   
   
2. 开启AI自动化： 
   1. 单击右上角的设置图标 ![](https://support.huaweicloud.com/qs-codeartsagent/zh-cn_image_0000002707212817.png)，进入设置。
   
   2. 在"对话流 \> 智能体 \> 自动批准"中，单击 ![](https://support.huaweicloud.com/qs-codeartsagent/zh-cn_image_0000002677372942.png)以开启所需的自动批准项目（编辑、使用浏览器和网页抓取工具）。
   
   
   
   
3. 切换到"内置 \> 智能体"模式，并挑选大语言模型，切换到"氛围编程"模式。
4. 发送你的需求给AI： 
   ```
   在TestDemo_01文件夹下实现一个todolist的Web应用，要求生成的界面简洁、美观、易用，针对待办应用的基础功能齐全。
   ```
   
   
 
#### 步骤三：一键预览，见证成果
1. **打开预览** **：**左侧"资源管理器"中找到刚生成的index.html文件，右键选择"在浏览器中预览"。
2. **验证成果：** 你的专属To-Do待办网页已上线，可动手试一试：
   
   - 输入几项日常待办，单击"添加"。
   
   - 勾选完成、删除已办，体验丝滑的交互。
     图2查看Web应用效果   
     ![](https://support.huaweicloud.com/qs-codeartsagent/zh-cn_image_0000002677532788.png "点击放大")
     图3新增待办事项   
     ![](https://support.huaweicloud.com/qs-codeartsagent/zh-cn_image_0000002677372946.png "点击放大")
     图4管理待办事项   
     ![](https://support.huaweicloud.com/qs-codeartsagent/zh-cn_image_0000002677532782.png "点击放大") 
   
   
   
   
 
