手把手教你用华为云AI开发者空间，零环境配置搭建并发布第一个Web应用

一、为什么需要 AI 开发者空间？

对于很多初学者和独立开发者来说，搭建一个完整的本地开发环境往往是第一道"拦路虎"：安装语言运行时、配置环境变量、处理端口占用、解决依赖冲突……还没开始写业务代码，热情就已经被消耗了大半。

华为云 AI 开发者空间（AI DevSpace）正是为解决这一痛点而生。它把开发环境整体搬到了云端，开箱即用，无需任何本地配置，并且内置了 AI Shell、CodeArts、WorkSwarm 等多个智能体，让你用自然语言就能完成从编码、运行到发布的全流程。

本文将以一个真实的"在线待办事项（Todo List）"应用为例，手把手带你走完整个过程。

二、进入 AI 开发者空间

打开华为云开发者社区，在顶部导航中找到 AI 开发者空间，或直接访问 AI DevStation 页面。首次进入时会弹出服务协议，点击"同意"即可。

进入后可以看到左侧的智能体列表：

• AI Shell：自然语言驱动的智能终端，是整个流程的"总调度"；
• CodeArts：负责实际的代码编写与工程搭建；
• WorkSwarm、DeepSeek Harness：用于更复杂的多智能体协作场景。

云端容器会在进入后自动分配，体验版容器可连续使用数小时，足够完成一个完整的小项目。

三、用一句话描述你的需求

在 AI Shell 底部的输入框中，用自然语言描述你想要的应用即可。例如：

开发一个简洁的在线待办事项工具，支持新增任务、标记完成、删除任务，数据保存在浏览器本地，界面采用浅色现代风格。

发送后，AI Shell 会自动加载编码技能，并把工程任务交给 CodeArts：

1. 自动创建项目目录并建立会话；
2. 向 CodeArts 发送构建指令；
3. 持续轮询、监控代码编写进度；
4. 文件创建完成后自动检测可用端口并启动服务。

整个过程不需要手动写一行代码，你要做的只是观察它的执行过程。

四、查看运行效果

当 CodeArts 完成后，AI Shell 会自动检查服务器是否正常运行、验证页面内容是否正确返回，并构建预览访问链接。

在本示例中，一个纯前端的 Todo List 应用被成功创建，包含三个文件：index.html（页面结构）、style.css（浅色现代风格样式）、app.js（任务增删、状态切换与本地存储逻辑）。

应用具备完整的功能：新增任务、点击勾选完成、单条删除、任务总数与已完成数统计、一键清除已完成，并通过 localStorage 实现刷新页面后数据不丢失。

五、一键发布到开发者作品展览馆

应用跑起来之后，还可以把它分享给更多人。华为云提供了专门的发布技能，只需在终端执行一次安装命令：

npx skills add https://gitcode.com/Lingxi-HandsOn/gallery.git --skill huawei-cloud-publish-work-to-gallery -y

技能安装完成后，在 AI Shell 中输入"请将当前项目发布至开发者作品展览馆"，随后发布流程会自动完成：

1. 解析账号信息：获取 IAM Domain ID 并生成 STS 临时凭证（首次使用会自动创建一次性的自委托授权）；
2. 运行项目并开通隧道：通过 DevBridge 生成一个可公网访问的临时地址；
3. 关联 Git 仓库：引导你通过 OAuth 授权 GitCode，自动创建远程仓库并推送代码；
4. 生成展示材料：自动生成封面图、作品简介和系统架构图；
5. 选择投稿活动并提交：选择一个开放的活动（如"闯关活动"），确认后即可发布。

发布成功后，你会得到作品 ID、展览馆链接以及对应的成长积分。

六、体验总结

回顾整个过程，从一句需求描述到一个可公网访问、代码托管完整的应用，全程几乎没有手动配置环境，这正是 AI 开发者空间的核心价值：

• 零环境配置：云端容器开箱即用，免去本地安装与排错；
• 自然语言驱动：把重复性的工程工作交给 AI，专注于需求本身；
• 全流程闭环：编码、运行、预览、托管、发布一气呵成；
• 对新手友好：每一步都有清晰的执行说明，便于学习理解。

如果你也想体验"对话即开发"的乐趣，不妨从一个简单的小工具开始，让 AI 开发者空间帮你把想法快速变成现实。