从需求到 AI 表单流
拆解 AI 工具的输入、校验、提交、生成结果和错误反馈。
本节目标
完成「从需求到 AI 表单流」的核心步骤,并得到一个可以继续扩展的结果。
准备工作
- Node.js 22 或更新版本
- Git 与常用编辑器
- 一个用于练习的项目目录
操作步骤
1. 先明确目标和输入输出。
2. 建立最小可运行版本。
3. 逐步补充样式、数据和异常状态。
提示词/代码
npm run dev直播项目优先追求能跑通、能复盘、能复用,再逐步打磨体验。
常见问题
| 问题 | 处理方式 |
|---|---|
| 页面空白 | 先检查控制台错误和入口文件 |
| 样式错位 | 从移动端宽度开始排查容器尺寸 |