Only-AI-Flow-Can-Do

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

• 🚀 魔都架构师 | 全网30W技术追随者
• 🔧 大厂分布式系统/数据中台实战专家
• 🏆 主导交易系统百万级流量调优 & 车联网平台架构
• 🧠 AIGC应用开发先行者 | 区块链落地实践者
• 🌍 以技术驱动创新，我们的征途是改变世界！
• 👉 实战干货：编程严选网

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，发挥提效，才是此刻你该做的。