用一个提示词从零搭建完整Web应用：Codex 与 Claude Code 对比
10分钟内获得同一个应用的两个可用原型，选出表现更好的工具
- 1.用一句话描述你的应用想法。比如：「带日历和进度条的习惯追踪器」。把它记下来 - 你会把同一个提示词发给两个工具，以便公平对比。
选一个简单的想法：待办清单、汇率转换器、小游戏。越具体效果越好。
- 2.如果还没安装 Claude Code，请先安装。打开终端并运行安装命令。安装完成后，在项目文件夹中运行 claude，并通过终端中显示的链接在浏览器中授权登录。
Claude Code 可在 macOS、Linux 和 Windows（通过 WSL）上运行。需要 Node.js 18+。如果在你所在地区不可用 - 请在授权阶段使用 VPN。
Claude Code ↗关于该工具 - 3.创建一个空的项目文件夹，在其中打开终端并运行 claude 命令启动 Claude Code。当出现交互式输入行时，粘贴下面的提示词，并将 [YOUR APP IDEA] 替换为你在第1步中的想法。
Claude Code 会自动创建文件、安装依赖并启动开发服务器。注意终端 - 它可能会请求执行命令的权限，回答 y（yes）。
Claude Code ↗关于该工具提示词构建一个完整可用的Web应用：[YOUR APP IDEA]。使用 React + Vite。创建所有必要的组件、样式和逻辑。应用应通过 `npm install && npm run dev` 启动，并在浏览器中立即可用。使用 Tailwind CSS 实现简洁现代的 UI。确保没有任何错误。
这个提示词的作用该提示词要求 Claude Code 根据你的想法，用 React + Vite + Tailwind CSS 创建一个完整可用的Web应用，可通过 npm install && npm run dev 启动。请将 [YOUR APP IDEA] 替换为你的应用描述。 - 4.等待 Claude Code 完成文件生成和安装。在浏览器中打开 http://localhost:5173 - 检查应用是否正常工作。截图保存结果。关闭 Claude Code（Ctrl+C）。
如果开发服务器没有自动启动，手动运行 npm run dev。记住你手动修改了多少处 - 这是对比的标准。
Claude Code ↗关于该工具 - 5.现在安装 OpenAI Codex CLI。在终端运行 npm install -g @openai/codex。安装完成后，为第二个原型创建一个新的空文件夹，进入该文件夹并运行 codex。通过终端中的链接使用 OpenAI 账号授权。
Codex CLI 需要 Node.js 18+。授权需要 OpenAI 账号。如果在你所在地区不可用 - 请使用 VPN。
OpenAI Codex CLI ↗ - 6.在 Codex 界面中粘贴与 Claude Code 相同的提示词（来自第3步），同样替换 [YOUR APP IDEA]。等待生成完成，运行 npm install && npm run dev，打开 http://localhost:5173。
Codex 创建文件的方式可能不同 - 有时通过「sandbox」模式。如果它请求应用更改 - 请同意（approve）。
OpenAI Codex CLI ↗提示词构建一个完整可用的Web应用：[YOUR APP IDEA]。使用 React + Vite。创建所有必要的组件、样式和逻辑。应用应通过 `npm install && npm run dev` 启动，并在浏览器中立即可用。使用 Tailwind CSS 实现简洁现代的 UI。确保没有任何错误。
这个提示词的作用相同的提示词：用 React + Vite + Tailwind CSS 创建完整可用的Web应用。将 [YOUR APP IDEA] 替换为与第3步相同的想法 - 这对公平对比很重要。 - 7.按三个标准对比两个原型：1) 是否无需手动修改即可运行，2) 界面是否美观，3) 应用逻辑是否符你的想法。记录每个方面的胜出者 - 这就是你未来项目工具的选择。
保存两个项目文件夹 - 它们可以作为模板复用。如果其中一个工具完全没能启动应用，这也是对比的重要结果。
💰 跟着做需要花多少钱价格截至 2026-08
- 订阅Claude Code包含在 Claude Pro（$20/月）或 Claude Max（$100/月）订阅中；根据套餐有请求次数限制。
- 订阅OpenAI Codex CLI需要 ChatGPT Plus 订阅（$20/月）或通过 API 按使用量付费；具体限额取决于套餐 - 见 OpenAI 价格页面。
- 免费Node.js + npm运行环境和包管理器 - 免费，只需在电脑上安装一次。
试一试，做第一个打卡的人
为什么是今天
1
48 小时内博主发布的视频
2536
总播放量
每周攻略发到邮箱
AI 服务变化很快 - 界面和免费额度可能与描述有所不同。