不会编程,怎样和 AI 一起做出可验收的第一版网站?
先说清用户任务、输入输出和验收标准,再让 AI 分小块实现。
本页目录
直接回答
先说清用户任务、输入输出和验收标准,再让 AI 分小块实现。能显示页面、能完成任务、能安全发布是三个不同检查;理解基础 HTML、CSS 和浏览器错误会帮助你判断结果。
适用场景
希望借助 AI 开发,但不确定怎样提出要求和判断代码是否可用。
一步一步做
写一页最小规格
描述用户、任务、真实输入、预期输出、错误情况、手机操作与明确不做的内容。涉及模型或接口时写清是否上传用户数据,密钥始终留在服务端。
一次实现一个可检查区块
先做核心任务,再补说明和导航。要求 AI 沿用项目已有结构,解释依赖和变更文件;将布局修改与标题、URL、索引规则的修改分开检查。
用真实操作验收与保存版本
测试正常输入、空输入、超大输入、失败和重复操作;在桌面与手机尺寸实际使用。保存一个通过检查的版本,出错时先复现,不用一段看似完整的代码替换整个项目。
案例拆解
假设练习,非真实业绩。
做文本计数器时,先检查空白、中文、换行和粘贴长文本的处理。显示漂亮数字不等于计数定义正确;在界面说明统计的是字符、单词还是其他口径。
行动检查
可复制模板
最小建站规格
用户和任务:
输入/输出/错误:
手机与无障碍要求:
数据是否离开浏览器:
第一版边界:
真实验收样例:
定向修改提示词
请先阅读相关实现与调用方,仅完成[目标]。沿用现有结构,不增加未要求的功能。保留输入校验、错误处理与无障碍行为。列出改动文件、实际执行的检查和未验证项。
易错点
不要把密钥粘贴到公开提示词或前端文件。代码能编译不能代替真实功能验证,AI 自称测试通过也需要实际命令或操作证据。