别写代码了!Claude 3.7+Cursor 实测:动嘴编程效率暴增 500%(1 小时/0 代码/7 次点击)

8,422 阅读4分钟

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 行代码,而我只做了三件事:

  1. 喝了杯咖啡
  2. 说了 23 句自然语言指令
  3. 点击了 7 次“Deploy”按钮

AI 编程时代来了

这次实验让我深刻体会到,未来 3 年,会提问的程序员将淘汰只会写代码的工程师。随着模型越来越智能,编程平民化的时代真的来了!

AI 正在重新定义编程的核心技能——从“写代码”转向“设计任务”和“提出正确的问题”。未来的开发者不再需要关注底层的繁琐实现,而是需要更高层次的逻辑思考与需求分析能力。我们将从代码的执行者,转变为 AI 的引导者,专注于创造性和战略性的工作。

然而,这也意味着竞争的门槛正在悄然提高——那些懂得如何高效利用 AI 工具、如何设计复杂任务、如何优化 AI 工作流的开发者,将成为未来的核心力量。我们不是被 AI 取代,而是被那些会用 AI 的同行取代。

在这样一个技术飞速发展的时代,拥抱 AI、掌握 AI,已经不再是选择,而是每一位技术人必须面对的必修课。

如果你也对 AI 编程感兴趣,想学习如何利用 Claude 3.7、Cursor 等工具提升效率,欢迎关注我的公众号(同名搜),加入我们的技术社群。 在这里,你不仅能获取最新的 AI 工具教程,还可以和一群志同道合的开发者一起交流、成长,共同探索 AI 编程的未来。