AI 编程新时代：从「动手写代码」到「动嘴编程」
随着 Claude 3.7 的发布，AI 编程领域迎来了全新的革命。这个混合推理模型不仅在 SWE-bench 测试中以 70.3%的成绩领先，还能通过命令行工具直接完成代码提交、部署等复杂操作。更让人兴奋的是，Cursor 0.46 版本全面支持 Claude 3.7 的扩展思考模式，标志着「动嘴编程」的终极形态已经到来！
作为一名全栈开发者，我决定亲自尝试，用 Claude 3.7 和 Cursor 从零开发个人网站，看看这套 AI 工作流到底有多强大。最终结果令人惊艳——一行代码没写，1 小时内完成了一个响应式、极简风格的网站，并成功部署上线！ 以下是完整开发记录。
实战：用 Claude 3.7+Cursor 开发个人网站
Step1：需求定义（耗时 5 分钟）
首先，我准备了一个 Markdown 文件，包含我的个人资料和网站需求：
将文件上传到 Cursor 后，Claude 3.7 快速解析需求，建议采用以下技术架构：
- Next.js App Router 模式：支持动态内容缓存
- shadcn/ui 组件库：保证设计一致性
- ISR（增量静态生成） ：提高页面加载速度
Step2：项目初始化（耗时 3 分钟）
Cursor 基于自己的理解，帮我规划了个人网站的大体结构：
它开发完成的目录结构长这个样子：
Step3：初步预览（第一个版本不到 10 分钟）
说实话，第一次预览还是很惊艳的，基本上就是一步到位了，一个 Prompt 直接生成了整个站点，整体的设计风格也蛮好的：
现在就是差一些图片，我让它再折腾折腾，补充上图片或者采取其他方式就行。
Step4：设计优化（耗时 10 分钟）
一开始我想让 Cursor 帮我生成一些图片，它折腾了半天，最后没解决图片的问题：
接下来我直接告诉他不用生成图片了，用其他样式代替图片就行：
然后它就用样式替代了原来的图片，效果非常不错：
接下来让它帮我优化一下 SEO，顺便把 README 生成了：
Step5：提交与部署（耗时 10 分钟）
接着让它把代码提交到 Github 仓库：
最后，让它部署到 Vercel，顺便解决掉部署 Vercel 之后 tailwind 的问题：
经过几番折腾，Vercel 终于部署成功了：
成品展示
最后，将站点部署到了我的域名上，可以访问我的个人网站：www.mengjian.site/，移动端也是适配的，非… nice：
整个项目共生成 2,332 行代码，而我只做了三件事：
- 喝了杯咖啡
- 说了 23 句自然语言指令
- 点击了 7 次“Deploy”按钮
AI 编程时代来了
这次实验让我深刻体会到，未来 3 年，会提问的程序员将淘汰只会写代码的工程师。随着模型越来越智能，编程平民化的时代真的来了！
AI 正在重新定义编程的核心技能——从“写代码”转向“设计任务”和“提出正确的问题”。未来的开发者不再需要关注底层的繁琐实现，而是需要更高层次的逻辑思考与需求分析能力。我们将从代码的执行者，转变为 AI 的引导者，专注于创造性和战略性的工作。
然而，这也意味着竞争的门槛正在悄然提高——那些懂得如何高效利用 AI 工具、如何设计复杂任务、如何优化 AI 工作流的开发者，将成为未来的核心力量。我们不是被 AI 取代，而是被那些会用 AI 的同行取代。
在这样一个技术飞速发展的时代，拥抱 AI、掌握 AI，已经不再是选择，而是每一位技术人必须面对的必修课。
如果你也对 AI 编程感兴趣，想学习如何利用 Claude 3.7、Cursor 等工具提升效率，欢迎关注我的公众号(同名搜)，加入我们的技术社群。 在这里，你不仅能获取最新的 AI 工具教程，还可以和一群志同道合的开发者一起交流、成长，共同探索 AI 编程的未来。
