加载中…
学习进度 · 登录后可记录
不用先学命令行细节，直接在在线容器里体验：一句话让 AtomCode 读代码、写代码、跑命令、改问题。
完成这节课后，你会掌握 AtomCode 的基础用法：
本课以在线容器为主，不要求本地安装。
atomcode第一次进入时，如果出现配置向导，选择推荐的 CodingPlan 即可。
AtomCode 是运行在终端里的 AI 编码助手。你不需要逐个告诉它"打开哪个文件、改哪一行、运行哪个命令"，只要描述目标，它会自己完成这些步骤：
你要做的是：把任务说清楚，观察它的计划和改动，必要时确认命令。
这个场景用来快速体验 AtomCode 的完整能力。
在容器终端执行：
mkdir atomcode-demo
cd atomcode-demo
atomcode把下面这段复制给 AtomCode：
帮我从零创建一个页的坦克大战应用，要求：
1. 使用最简单的 HTML、CSS、JavaScript 创建一个静态网页，不使用复杂框架
2. 创建完成使用 /skills notebook-preview-url 拼接出来网页的访问地址
3. 注意使用try-catch 增强程序健壮性
4. 完成后你要进行测试，如果遇到报错，要自动修复后重新验证
注意：
1. 使用/skills notebook-preview-url拼接访问地址时，relative_path 一定要使用 HTML 页面相对于 /opt/atomgit 的相对路径你会看到 AtomCode 依次完成类似操作：
index.html、style.css、script.js打开预览地址，试一下新增、勾选、删除任务。
AtomCode 的重点不是一次生成完，而是可以连续修改。
继续输入：
现在帮我优化这个应用：
1. 把页面优化的更加现代、酷炫
2. 减少敌对的坦克数
3. 修改完成后重新检查功能，并告诉我改了哪些文件它会读取已有文件，在原项目上继续改。完成后刷新浏览器，验证筛选、统计和刷新保留数据是否正常。
现在体验"读代码"的能力。输入：
请帮我阅读当前项目代码，用新手能听懂的方式说明：
1. 这个项目有哪些文件
2. 每个文件负责什么
3. 新增任务时，数据是怎么从输入框显示到页面上的
4. 如果我要增加截止日期，应该改哪些地方这个场景适合用来理解陌生项目。以后遇到已有代码仓库，也可以先让 AtomCode 做项目导览，再让它动手修改。
/diff适合在它修改完后检查变更。
/undo如果刚才改坏了，可以用它回到上一轮修改前。注意：它主要回滚文件编辑，不回滚已经执行过的外部命令副作用。
/clear适合任务已经结束、想在同一个目录里重新开始提问。
/resume适合离开一会儿后继续之前的任务。
给 AtomCode 下任务时，建议包含 5 类信息：
可以直接套这个模板：
请在当前目录完成一个 {{项目/功能}}，要求：
1. {{核心功能 1}}
2. {{核心功能 2}}
3. {{界面或交互要求}}
4. {{技术限制}}
5. 完成后运行验证，如果报错请修复
6. 最后告诉我：改了哪些文件、怎么预览、怎么继续修改AtomCode 运行命令或修改敏感文件时，可能会要求你确认。
一个简单判断：如果命令是在当前练习项目里创建、修改、运行预览，一般可以允许；如果涉及系统目录、密钥、删除大量文件，要谨慎。
今天你完成了 AtomCode 的基础闭环：
/diff、/undo、/clear、/resume 四个常用命令记住一句话：不要只把 AtomCode 当聊天工具用，要把目标、约束和验证方式一次说清楚，让它真正替你完成"读、改、跑、验"的过程。
把第一个任务换成下面任意一个，再完整走一遍：
帮我做一个个人记账网页，支持新增收入/支出、分类统计、总余额展示，完成后启动预览。帮我做一个 Markdown 笔记预览器，左侧输入 Markdown，右侧实时预览，完成后启动预览。帮我做一个产品反馈收集页，包含反馈列表、优先级标签、状态切换，完成后启动预览。参考：AtomCode 官方使用指南：https://atomcode.atomgit.com/docs/zh/index.html
登录后即可查看完整教程内容、运行代码和参
与学习互动
还没有账号？