6.7操作⏱ 约 5 分钟

从一段描述构建整个项目

用一句话,让 AI 搭出一个能跑的小东西

🔎 最后验证 2026-05📚 来源:Claude Code 官方文档🧰 Claude Code✅ 155 人学过👁 367 次阅读

为什么学这个

到目前为止你让 Claude 建单个文件、改单处代码。现在玩个大的:用一段描述,让它从零搭出一个完整能跑的小项目。这是 AI 编程最让人惊艳的能力,也是你"做出真东西"的开始。

💡 打个比方

这就像对一位全能工匠说:"帮我做一个能记账的小盒子,能加一笔、能看总额。"他帮你把材料、结构、机关全配齐,交给你一个能用的成品。你负责说清要什么,他负责把它变出来。

你描述一个完整但小的需求,Claude 会:规划结构 → 创建多个文件 → 写好代码 → 告诉你怎么运行
关键是需求要"小而完整":一句话能说清、有明确的"做完的样子"
- 好例子:"做一个网页版待办清单,能添加任务、勾选完成、删除任务,数据存在浏览器本地"
它搭好后,你按它的指引运行起来(P2 学的 localhost、起服务用得上)

示例:一句话搭一个待办清单示例 · 非实时

你

帮我做一个网页版待办清单:能添加任务、点击勾选完成、删除任务,数据存在浏览器本地。用最基础的 HTML/CSS/JS。

Claude Code

好的,我会创建 index.html、style.css、app.js 三个文件,实现添加/完成/删除,并用 localStorage 持久化。

⚙ 创建 index.html⚙ 创建 style.css⚙ 创建 app.js

Claude Code

做好了。用浏览器打开 index.html 即可使用。要我加上'清空已完成'按钮吗?

这是示意性的会话片段,帮助你了解真实 Claude Code 大致的交互方式。实际回应会因项目和版本而不同——一切以你在真实终端里看到的为准。

❓ 测验

让 Claude 一次性搭出一个项目,需求最好是?

⚠️ 避坑一次别贪大,容易'看起来能跑实则处处坑'

让 AI 一次搭一个巨大复杂的项目,常常得到一个"演示能跑、细节全是坑"的半成品。更稳的做法:先让它搭最小可用版,再一点点加功能(下一节的'迭代')。小步前进 + 每步验证,是和 AI 协作的核心节奏。

🤖 去真实环境试(搭你的第一个小项目)

帮我做一个最简单的网页'随机选择器':页面上有一个输入框(每行一个选项)和一个'随机选一个'按钮,点击后在下方显示随机选中的那一项。用基础 HTML/CSS/JS,做完告诉我怎么打开。

✅ 小结

你体验了"一句话搭项目"。但你也会发现:描述得好不好,直接决定结果好不好。下一节学一套让提示词立刻变清晰的模板——这是你的书里的方法。

下一节 → 写有效提示词:四要素模板

都看到这了，打个赏呗！