AB
AiBoss
Tutorials

Replit AI

Tutorials

Replit AI 快速上手:用 Agent 与 Assistant 从描述到可运行应用

Replit AI 把代码生成、项目搭建与调试整合进同一个云端工作区。本文介绍 Agent 与 Assistant 的分工、Plan Mode 与 Autonomy Level 的用法、Checkpoints 回滚机制,并给出一个从零到可运行应用的完整示例。

Replit AI 是 Replit 云端开发环境内置的 AI 能力集合,它要解决的问题是:把「有一个想法」到「有一个能跑起来的应用」之间的搭建、编码、调试、部署准备工作压缩到同一个浏览器标签页里完成。它适合不熟悉本地环境配置的初学者、需要快速验证产品原型的开发者,以及希望把重复性编码交给 AI 处理的小团队。站内的 Replit AI 工具页可以作为入口参考。需要说明的是,Replit AI 并不是单一功能,而是由多个可组合的模块构成,理解它们各自负责什么,比记住某个按钮的位置更重要。

准备工作

在开始之前,需要确认下面这些前置条件。Replit 是浏览器端的服务,绝大部分工作不需要在本地安装任何东西。

  • Replit 账号:需要一个已注册并完成邮箱验证的 Replit 账号。AI 相关功能与账号绑定,未登录状态下无法使用。
  • 浏览器:使用较新版本的 Chrome、Firefox、Safari 或 Edge。工作区包含编辑器、终端、预览面板等多个区域,过旧的浏览器可能出现渲染异常。
  • 网络:Replit 的代码执行发生在云端,本地只需要稳定的网络连接,不需要高性能机器。
  • 对项目类型的初步判断:想清楚要做的是一个网页应用、一个 API 服务、一个脚本工具,还是一个聊天机器人。这个判断会影响后续选择模板与提示词的写法。
  • 可用的 AI 额度:AI 功能受账号方案与额度限制,具体额度、计费方式与可用范围以 Replit 官网当前信息为准。

如果项目需要连接外部服务,例如数据库、第三方 API 或对象存储,还需要提前准备好对应的凭据。Replit 提供了 Secrets 机制来存放密钥,不建议把密钥直接写进代码文件。

操作步骤

第一步:理解 Agent 与 Assistant 的分工

Replit AI 里最常被混淆的两个角色是 Agent 和 Assistant,它们的能力边界不同。

Replit Agent 面向的是「从零构建」这类任务。它可以在工作区里创建文件、安装依赖、运行命令、启动服务,并根据运行结果继续调整。适合的场景是:你只有一个模糊的产品想法,希望 AI 帮你把项目骨架搭出来。

Replit Assistant 面向的是「在已有代码上做修改」这类任务。它更贴近一个结对编程助手,负责解释代码、生成片段、修复报错、重构函数。适合的场景是:项目已经存在,你需要在某个具体文件里做局部改动。

选择的原则很简单:项目还不存在,用 Agent;项目已经存在,用 Assistant。两者可以在同一个项目里交替使用。

第二步:用 Plan Mode 先出方案再动手

Plan Mode 的作用是让 AI 在真正修改代码之前,先给出一份实施计划。对于结构稍复杂的项目,这一步能显著减少返工。

启用 Plan Mode 后,向 Agent 描述需求,它会输出一份分步骤的计划,通常包含要创建的文件、要引入的依赖、要实现的接口,以及大致的执行顺序。此时你可以逐条审阅:

  • 计划里有没有遗漏你明确要求的功能;
  • 技术选型是否符合你的预期,例如前端框架、后端语言、数据库类型;
  • 步骤顺序是否合理,有没有把依赖安装放在使用依赖之后这类问题。

确认计划无误后再让它执行。如果计划方向不对,直接指出要改的部分,比让它先写一堆代码再推倒重来成本低得多。

第三步:设置 Autonomy Level

Autonomy Level 决定 AI 在执行任务时的自主程度。自主度越高,AI 连续执行的动作越多,中途向你确认的次数越少;自主度越低,每一步都会停下来等你确认。

实际使用中的取舍是:

  • 项目初期、结构还在探索阶段时,用较低的自主度,便于随时纠偏;
  • 需求已经明确、只是执行量大时,用较高的自主度,减少来回确认的开销;
  • 涉及删除文件、修改配置、调整依赖版本这类不可逆操作时,倾向于让它先确认。

Autonomy Level 的具体档位名称与可选范围以 Replit 官网当前信息为准。

第四步:用提示词描述需求

提示词的质量直接决定产出质量。有效的写法是把需求拆成几个明确的维度:

  1. 做什么:一句话说明应用的核心功能,例如「一个记录每日饮水量的小工具」。
  2. 给谁用:说明使用者与使用场景,这会影响界面复杂度与交互设计。
  3. 技术约束:指定语言、框架、数据库。如果不指定,AI 会自行选择,可能与你后续的维护计划不一致。
  4. 数据形态:需要保存哪些字段、是否需要持久化、是否需要用户登录。
  5. 验收标准:说明怎样算完成,例如「首页能添加记录并立即在列表中显示」。

避免一次提出过多互不相关的需求。把大目标拆成若干轮对话,每轮聚焦一个可验证的成果,出问题时也更容易定位是哪一轮引入的。

第五步:利用 Checkpoints 与回滚

AI 连续修改代码时,难免会引入你不想要的结果。Checkpoints 机制会在关键节点保存工作区状态,让你可以回到之前的某个版本。

使用建议是:在让 AI 执行较大改动之前,确认当前状态已经被记录;如果改动结果不理想,优先回滚到改动前的检查点,而不是让 AI 在错误的基础上继续修补。后者容易让问题层层叠加,最终难以理清。

第六步:在预览与终端中验证

Replit 工作区包含 Preview 面板与 Console,用来观察应用的实际运行情况。AI 生成代码后,不要只看代码本身,要在预览里实际操作一遍:

  • 页面是否能正常加载,有没有空白页或报错;
  • 核心交互是否按预期工作;
  • Console 里有没有异常输出或未捕获的错误。

把观察到的具体现象反馈给 AI,例如「点击提交按钮后列表没有更新,Console 里出现某条错误」,比笼统地说「不工作」有效得多。

第七步:按需接入扩展能力

Replit AI 还提供了一些可选的增强能力,按项目需要启用即可:

  • Web Search:让 AI 在需要时检索外部信息,适合涉及第三方库用法或较新 API 的场景。
  • Image generation:生成图片资源,用于占位图或简单的视觉素材。
  • App Testing:对生成的应用做自动化测试,帮助发现回归问题。
  • App Themes:调整应用的整体视觉风格。
  • Agent integrations 与 MCP:把外部服务接入 Agent 的工作流,例如设计稿工具或第三方平台。
  • replit.md:在项目里放置约定文件,向 AI 说明项目结构、编码规范与注意事项,减少每轮对话重复交代背景。

一个完整示例

下面走一遍从零开始构建一个最小可用应用的过程。示例目标是一个「待办事项列表」网页应用,支持添加、勾选完成、删除,数据保存在服务端。

1. 创建项目并进入 Agent

登录 Replit 后新建一个项目,选择从零开始而不是套用现成模板。进入工作区后打开 Agent 面板。

2. 开启 Plan Mode 并提交需求

开启 Plan Mode,然后提交下面这段需求描述:

构建一个待办事项列表网页应用。

功能:
- 输入框加按钮,可以添加一条待办
- 每条待办前有复选框,勾选后标记为已完成并加删除线
- 每条待办右侧有删除按钮
- 刷新页面后数据仍然存在

技术约束:
- 后端使用 Python 的 Flask
- 数据用 SQLite 保存
- 前端用原生 HTML 和 JavaScript,不引入前端框架

验收标准:
- 打开首页能看到输入框和已有待办列表
- 添加一条待办后,列表立即出现该条目
- 勾选后状态被保存,刷新页面后仍然保持

Agent 会返回一份计划,大致包含:创建 Flask 应用入口文件、定义数据库表结构、实现增删改查接口、编写前端页面、启动服务并验证。逐条检查是否符合预期,确认后让它执行。

3. 观察执行过程

执行期间,Agent 会在工作区里创建文件、安装依赖、运行命令。此时可以在 Console 里看到服务启动日志。如果出现依赖安装失败或端口占用之类的错误,Agent 通常会尝试自行修复;如果反复失败,就手动介入,把完整的错误信息贴给它。

4. 在预览中验证

服务启动后,在 Preview 面板打开应用,依次验证:

  1. 页面正常加载,显示输入框与空列表;
  2. 输入一条待办并提交,列表中出现该条目;
  3. 勾选复选框,条目出现删除线;
  4. 刷新页面,条目与勾选状态都还在;
  5. 点击删除按钮,条目消失,再次刷新确认已从数据库移除。

5. 用 Assistant 做局部调整

假设希望给每条待办加上创建时间。这时切换到 Assistant,在对应的模板文件与数据模型文件上提出修改要求,例如「给待办表增加一个创建时间字段,并在列表里以相对时间显示」。Assistant 会给出针对具体文件的改动,而不是重建整个项目。

6. 用 Checkpoints 兜底

如果某次改动导致应用无法启动,回滚到改动前的检查点,再换一种更具体的描述重新尝试。不要在没有回滚的情况下连续叠加多轮失败的修改。

7. 补充项目约定

项目稳定后,可以在根目录添加 replit.md,写明项目结构、启动命令、代码风格约定与已知注意事项。这样后续无论是自己还是协作者继续用 AI 修改,都不必反复交代背景。

注意事项

  • AI 产出需要验证:生成的代码可能包含逻辑错误、过时的 API 用法或安全疏漏。Replit 提供了 Security Scanner 等内置检查能力,但最终判断仍应由人来完成。
  • 密钥不要写进代码:使用 Secrets 存放凭据,避免在源码或对话中暴露密钥。
  • 回滚优先于修补:改动方向错误时,回到检查点比在错误基础上继续让 AI 修复更可靠。
  • 提示词要具体:模糊的需求会得到模糊的实现。把功能、技术约束、验收标准分开写清楚。
  • 额度与计费:AI 功能受账号方案限制,额度、价格与可用范围会变化,请以 Replit 官网当前信息为准。
  • 功能可用性:部分 AI 能力可能因账号类型或所在地区而不同,使用前先确认当前账号是否可用。
  • 不要依赖 AI 做安全决策:涉及认证、权限、数据保护的设计,应由具备相应知识的人审核。

把上面这些步骤串起来看,Replit AI 的核心用法其实是一条固定路径:先用 Plan Mode 把方案定下来,再用合适的自主度让 Agent 执行,在预览中验证结果,出问题用 Checkpoints 回滚,项目成型后用 Assistant 做局部迭代,并用 replit.md 固化项目约定。掌握这条路径之后,具体做的是网页应用、API 服务还是机器人,流程上的差别并不大。