拥抱AI flow全自动编程时代！

点击下方“JavaEdge”，选择“设为星标”

第一时间关注技术干货！

免责声明~ 任何文章不要过度深思！ 万事万物都经不起审视，因为世上没有同样的成长环境，也没有同样的认知水平，更「没有适用于所有人的解决方案」； 不要急着评判文章列出的观点，只需代入其中，适度审视一番自己即可，能「跳脱出来从外人的角度看看现在的自己处在什么样的阶段」才不为俗人。 怎么想、怎么做，全在乎自己「不断实践中寻找适合自己的大道」

3.3 Claude 3.5 sonet构建单页应用

在 Claude 描述需求，快速创建单页应用的代码，直接通过 Claude Artifact 面板预览，也可发布上线，获得一个可公开访问链接。

ef476d3f581a4620edd482951b065c76.png

点击右下角即可发布：

74217b8893336e38c364385bac82df70.png

★ Claude，尤其是 sonnet 代码生成能力一直强项，很适合实现单页应用或组件。不支持项目级多层级文件能力。 ”

3.4 v0.dev 生成组件

类似3.3的应用场景，还可用 v0.dev，Vercel 推出的一个网页版的 AI 辅助编程工具。内置Shadcn/UI基础组件库，所渲染的UI组件在审美方面遥遥领先，也支持和 figma 联动：

c7315f738736ae03a7b7db0e5b853667.png

3.5 Pagen 生成 landscape

为你的idea生成一个落地页：

• 技术论坛演示
• 给用户介绍产品服务

0基础，仅需填写产品名称和描述，选择一个看得上的模板：

c75ec04b2ed40f0c4e4dc9c39a66e66f.png

只需几秒生成landscape：

a8343ea0c3ada5d425516e850c824bf8.png

4 实力大测评

4.1 AI flow

① cursor

第一个面世的AI flow产品，可完整实现项目的能力，自动调试 / 重构能力和知识库问答能力。

1. 支持 VS Code 全部插件和配置。前端用户无缝上手
2. 一个Tab就能全自动完成代码编写，甚至独立完成一个项目，让用户爽爆了

时代洪水终究是淹没了前端的弟弟们。以后开发新项目，后端大佬们都能站在AI flow的肩膀开发完整 web 应用。

② Windsurf

Codeium 推出，也是基于 VS Code 开发。

相比 cursor，在上下文感知和记忆方面更强，对大型复杂项目开发重构支持更好，最致命的，更便宜！此刻 cursor 肯定感慨：既生瑜何生亮，天要亡我凯撒大帝！

③ Pear AI

YC 投资的一个项目，基于 VS Code的开源项目：

e0c5316b9bb41e9b3e527fcf16cdb38a.png

4.2 编辑器 AI 扩展

AI flow火前，就有很多项目基于 VS Code 做 AI 扩展，最知名的：

① Github Copilot

最早的 AI 辅助编程插件。出身顶流，自带光环和各种 buff，如今看来可惜战略失误，已经明日黄花：

91b64135ba864894905aff0565d97bab.png

② Continue

开源，可对接任意大模型：

89c7018143c1bf3e5b7c69ae578285bd.png

③ Cline

开源的 VS Code 插件，无官网：

7ff0b1ca3897c00217360ca1de5f98d9.png

4.3 UI生成

根据prompt或截图，生成前端组件，不用再手写结构和样式，如：

• cursor
• v0.dev
• Claude
• screenshot-to-code：开源产品，可以自行部署，只要上传截图，就能快速复刻UI组件

4.4 全自动实现完整项目

• cursor
• Bolt.new

想快速构建 AI 智能体：

• Replit Agent

6b901bde038bba9fc29f43b0200e8a60.png

• Wordware

c8a8fc680151f08a5d027c5e8600e18c.png

5 选型

5.1 场景

高频编码：cursor / Windsurf等AI flow。

偶尔写Demo验证idea或偶尔写个 UI 组件：Bolt.new / v0.dev / Claude 等网页工具。

5.2 价格

愿为优质生产力付费，可升级 AI flow 应用的 Pro 会员，解锁无限智能补全。

不想按月付费的，可选择本地部署开源版 AI flow 应用，对接本地大模型，享受更高配置灵活度和更低使用成本。

5.3 使用习惯

• 习惯VS Code，无脑选 cursor或 Windsurf
• 只会用 IDEA，懒得看其它软件，就装插件：Github Copilot，Continue，Cline
• 很少写代码，只是偶尔需要写个 Demo 验证想法，可选 Bolt.new 或 v0.dev。

5.4 功能花样

推荐综合使用，汇集各种场景：

• 重点使用 AI flow 应用和 Bolt.new
• 搭配 v0.dev、Claude

6 总结

AI 会完全取代程序员吗？No！

人类最神奇的：

• 想象力
• 创造力
• 对项目的架构设计
• 对作品的审美
• 对逻辑的抽象
• 最复杂的人性

AI都无法取代。AI 可从零到一，甚至到 90，但最关键的还是你的那最后十分。一个优秀且领域专业的软件设计师，不可能被 AI 取代。

别太焦虑 AI 会不会淘汰自己，拥抱 AI，使用 AI，发挥提效，才是此刻你该做的。

关注我，紧跟本系列专栏文章，咱们下篇再续！

★ 作者简介：魔都架构师，多家大厂后端一线研发经验，在分布式系统设计、数据平台架构和AI应用开发等领域都有丰富实践经验。 各大技术社区头部专家博主。具有丰富的引领团队经验，深厚业务架构和解决方案的积累。 负责：

• 中央/分销预订系统性能优化
• 活动&券等营销中台建设
• 交易平台及数据中台等架构和开发设计
• 车联网核心平台-物联网连接平台、大数据平台架构设计及优化
• LLM Agent应用开发
• 区块链应用开发
• 大数据开发挖掘经验
• 推荐系统项目

目前主攻市级软件项目设计、构建服务全社会的应用系统。 ”

参考：

• 编程严选网

写在最后

编程严选网：http://www.javaedge.cn/ 专注分享软件开发全生态相关技术文章、视频教程资源、热点资讯等，全站资源免费学习，快来看看吧~

f5ed6a1fd036655e7d2d0f4b55e8796d.png