SEO 与网站变现 / 不会编程,怎样和 AI 一起做出可验收的第一版网站?← 返回专题

建站、开发与部署 · 实践笔记

不会编程,怎样和 AI 一起做出可验收的第一版网站?

先说清用户任务、输入输出和验收标准,再让 AI 分小块实现。

本页目录
收藏与勾选保存在此浏览器。

直接回答

先说清用户任务、输入输出和验收标准,再让 AI 分小块实现。能显示页面、能完成任务、能安全发布是三个不同检查;理解基础 HTML、CSS 和浏览器错误会帮助你判断结果。

适用场景

希望借助 AI 开发,但不确定怎样提出要求和判断代码是否可用。

一步一步做

写一页最小规格

描述用户、任务、真实输入、预期输出、错误情况、手机操作与明确不做的内容。涉及模型或接口时写清是否上传用户数据,密钥始终留在服务端。

一次实现一个可检查区块

先做核心任务,再补说明和导航。要求 AI 沿用项目已有结构,解释依赖和变更文件;将布局修改与标题、URL、索引规则的修改分开检查。

用真实操作验收与保存版本

测试正常输入、空输入、超大输入、失败和重复操作;在桌面与手机尺寸实际使用。保存一个通过检查的版本,出错时先复现,不用一段看似完整的代码替换整个项目。

案例拆解

假设练习,非真实业绩。

做文本计数器时,先检查空白、中文、换行和粘贴长文本的处理。显示漂亮数字不等于计数定义正确;在界面说明统计的是字符、单词还是其他口径。

行动检查

可复制模板

最小建站规格

用户和任务:
输入/输出/错误:
手机与无障碍要求:
数据是否离开浏览器:
第一版边界:
真实验收样例:

定向修改提示词

请先阅读相关实现与调用方,仅完成[目标]。沿用现有结构,不增加未要求的功能。保留输入校验、错误处理与无障碍行为。列出改动文件、实际执行的检查和未验证项。

易错点

不要把密钥粘贴到公开提示词或前端文件。代码能编译不能代替真实功能验证,AI 自称测试通过也需要实际命令或操作证据。

官方参考

← 返回专题,继续查阅
© Rowan Huang

保持好奇,慢慢构建。