从在线工具到命令行：Vibe Coding 工具全景盘点与实战选型指南

AI 编程工具在 2025 年迎来爆发式增长，从零门槛的在线网页生成器到专业开发者必备的 IDE，再到最近几个月才出现的命令行编程工具，各类产品层出不穷。这场分享由 Ben 主讲，面向刚接触 AI 编程的新手，系统梳理了当前主流 Vibe Coding 工具的分类、特点与适用场景，并结合大量实操演示，给出了从入门到进阶的选型建议和最佳实践。无论你是完全没写过代码的小白，还是想提升效率的开发者，都能从中找到适合自己的工具和用法。

三类主流工具：从零门槛到专业级

▶ 9:28 · 看这一节

Ben 将当前主流的 AI 编程工具分为三大类，每一类的门槛、能力和适用人群都有明显差异。

第一类是在线编程工具，纯网页形态，有些能看到代码，有些连代码都看不到，但都能帮你完成开发任务。这类工具门槛极低，但自由度也相对较低。第二类是专业 IDE（集成开发环境），也就是工程师常用的代码编辑器，功能强大，过去主要面向专业工程师，但随着门槛降低，越来越多 Vibe Coding 用户也开始使用。第三类是最新的产品形态——命令行工具，直接在终端里运行 AI 编程，这是最近几个月才出现的新事物。

Ben 特别强调命令行工具的重要性：“它现在已经变得非常强了，但凡我认识的觉得不错的程序员，用到它以后基本上就离不开了，就抛弃 Cursor 了。”他形容这类工具的能力：“别的 AI 编程工具解不了的 bug 它可以，别的编程工具做不了的功能，它可以。”

在线工具：颜值与易用性的首选

▶ 12:51 · 看这一节

在线编程工具是门槛最低的入门选择，Ben 重点介绍了 Lovable、秒哒和 Coze 空间三款产品。

Lovable 的核心优势是“颜值高、方便好用”，不仅产品本身设计精美，做出来的网站也很有设计感，“你稍微调一调也不会有太多的 AI 味道”。Ben 分享了自己的使用技巧：“我经常的做法是第一版先用 Lovable 去做一版，然后再去用 Cursor、Claude Code 之类的去增加功能。”这样既能保证 UI 美观，又能实现复杂功能。

Lovable 的使用非常简单，一句话就能生成网页，每天有 5 个免费 credits（积分），每次提需求消耗一个积分。Ben 提醒：“尽量你提需求的时候一次提得比较完整一点，不然就有点浪费积分。”做好的网站可以直接同步到 GitHub，也能自动部署，完全不用担心部署问题。数据库方面支持连接 Supabase，但 Ben 指出初次使用 Supabase 还是有点门槛。

秒哒是百度云智大会上展示的产品，使用逻辑与 Lovable 类似，但更偏向国内中文用户。它的特点是前后端都帮你搞定，不需要自己配置数据库，后端数据可以直接在生成的页面里管理，增删改查都很方便。

Coze 空间是字节跳动的产品，更偏向 Agent 形态，写网站只是众多能力之一，还能做 BP、报告等。它的特点是整个过程可以回放，方便查看 AI 是如何一步步完成任务的。

Ben 总结在线工具的特点：上手非常简单，主要适合做网页和轻量级应用，但缺点是无法非常精确地调整细节，对接 API、处理图片等复杂功能会比较吃力。

专业 IDE：从零开始构建完整项目

▶ 26:33 · 看这一节

专业 IDE 是目前 AI 编程的主力工具，名气最大的是 Cursor，对中文用户更友好的是 Trae，此外还有腾讯的 CodeBuddy、阿里的 Co-Coder 和亚马逊的 Kiro 等选择。

Ben 以 Trae 为例，演示了从零创建一个五子棋游戏的过程。新建文件夹后，只需在右侧对话框输入需求，AI 就会自动分析、列出任务并开始执行。五子棋这类简单项目，AI 一次性就能完成，直接在浏览器打开生成的 HTML 文件即可运行。

IDE 类工具的核心用法有三种：一是在对话框直接提需求；二是精确到文件级别，把需要修改的文件拖入对话框，这样能节省时间和 Token；三是选中具体代码片段进行精准修改。更专业的用法是在代码中写个开头，按 Tab 让 AI 自动补全。

对于复杂项目，Ben 演示了“黑神话钟馗”网站的开发流程：需要先安装依赖、启动服务、在浏览器预览。他提醒，实现用户登录、积分扣减、购买 credits 等功能“比较费时费力，要实现起来还是有些难度的”，大部分时间都在 debug。调试时主要看两个地方：终端里的报错和网页 console 里的错误信息。

Ben 特别强调版本管理的重要性：“复杂的东西搞完之后一定要用 GitHub 之类的东西去管理版本，因为但凡搞挂了，你总不能从零再来吧？”他的做法是每完成一部分就提交一个版本，方便随时回退。

命令行工具：Claude Code 的降维打击

▶ 47:16 · 看这一节

命令行工具是本次分享的重头戏，Ben 对 Claude Code 赞不绝口。它可以在独立终端运行，也可以在 IDE 内置终端中使用，两者效果完全一样。在 IDE 中调用还有一个额外好处：它能感知当前打开的文件，自动作为上下文传给 AI。

Claude Code 的使用门槛主要在安装和账号，但 Ben 提到一个有趣的案例：“我今天还跟一个 11 岁的小朋友帮他把 Claude Code 给装上了，他直接用那个在 Claude Code 去写点小游戏、写点小页面什么的。”安装虽然复杂，但使用就是提需求，“动嘴谁不会嘛”。

Claude Code 的定价是每月 20 美金和 200 美金两档，对应不同的每日使用额度。Ben 提到官方渠道容易封号，他使用了中转方案。产品推出仅三四个月，营收已超过 Cursor，更新速度极快，“几乎天天在那更新，有的时候一天还能更新好几个版本”。

Ben 分享了两个令人印象深刻的案例。第一个是申请 Google Adsense 广告联盟被拒两次后，他让 Claude Code 帮忙接入其他广告平台，结果被 AI 拒绝：“它说那个平台不太好，不建议我去用，建议我再优化一下那个网站，再去申请 Google Adsense。”Ben 听从建议优化网站，两天后就收到了通过邮件。更神奇的是，他把经验分享给别人，对方也成功了。

第二个案例是 Markdown 转 PDF 工具，他用 Cursor 和 Trae 调试了大半天完全失败，但 Claude Code 一次性就给出了可用的代码。Ben 总结自己的分工策略：“比较费 Token、比较简单的活都交给 Trae、Cursor 去干，比较重要、比较难的活都交给 Claude Code 去处理。这跟真实世界的分工也类似，让实习生干简单的活，让高级工程师搞定难的问题。”

Claude Code 还有一些实用技巧：/init 命令会分析当前项目并生成一个综述文档，每次执行任务时都会带上作为上下文；不知道用什么 MCP 时，可以直接让 Claude Code 自己分析项目并推荐安装；使用时要舍得花 Token，“不要心疼那些小小的 Token，还不如用最强的能力让它一次搞好”。

现场实测：同一任务，不同工具的表现差异

▶ 36:21 · 看这一节

Ben 用同一个卡路里追踪应用的提示词，让 Lovable、Trae Solo 和 Claude Code 分别实现，直观展示了三款工具的差异。

Lovable 做得最精细，有下拉选项、搜索功能、进度条、分类统计，hover 效果有渐变色变化，“花的时间还是有用的”。Claude Code 功能完整、页面朴素能用，但易用性不如 Lovable。Trae Solo 虽然遵循指令没问题，但做出来的效果相对较差。

Ben 还让 Lovable 现场生成了一个七夕主题的缘分测试网站，AI 不仅理解了七夕背景，设计了浪漫的粉红紫色渐变主题，还能直接在线生成图片，并完善了 SEO 信息。整个网站有动态效果，做得相当精细。

对于新手，Ben 给出了清晰的进阶路径：“纯纯的新手推荐直接用在线的工具，先试试手，体验一下大概是怎么回事。稍微进阶一点就可以去装 Cursor、Trae 之类的，哪个能装上用哪个。有更高的追求，也可以去装 Claude Code、Gemini CLI。”他提到 Gemini CLI 在做调研和 Chrome 插件方面有优势，Codex 支持 GPT-5 模型，但需要 ChatGPT Plus 或 Pro 账号。

Ben 用德州扑克类比 AI 编程的学习曲线：“入门非常简单，3 分钟 5 分钟就可以讲明白规则，但要有一定水平能赢，就非常难了。”不过他也给出了具体的时间预期：做一个完整网页顺利的话两小时搞定，加上登录支付和后端存储一般半天到一天。

现场问答

▶ 1:15:25 · 看这一节

为什么要自己写 Markdown 转 PDF 工具？

做这个网站是判断它能从 Google 获得流量、能跟别人竞争，所以不只是自己用，而是做一个网站去获取流量。做什么不重要，觉得有机会点就去做。

用 Claude Code 和直接在 IDE 里调 Claude 模型有什么区别？

直接在 IDE 里做，能否改文件、做方案取决于 IDE 的工程化能力和上下文处理。Claude Code 的上下文处理更长、更好，所以虽然是同一个模型，效果会更好。

新手装不上工具怎么办？

在线工具基本不会出错，IDE 的安装会稍微麻烦一点，Claude Code 主要是搞定账号比较难。装不上的话，哪个能装上就用哪个，对新手入门来说差别不大。

要点回顾

• AI 编程工具分三类：在线工具（Lovable、秒哒、Coze 空间）门槛最低，适合做网页；专业 IDE（Cursor、Trae、CodeBuddy 等）功能全面，适合完整项目；命令行工具（Claude Code 等）能力最强，适合复杂任务。
• Lovable 适合做第一版 UI，再用 Cursor 或 Claude Code 增加功能，兼顾颜值和复杂度。
• IDE 使用技巧：精确到文件或代码片段再提需求，能节省时间和 Token；复杂项目务必用 GitHub 管理版本。
• Claude Code 是目前编程战力榜首，上下文处理能力强，能给出更好的方案而非言听计从；/init 命令生成项目文档，可显著提升后续任务质量。
• 新手路径：先用在线工具体验，再尝试 IDE，最后挑战命令行工具；简单任务用 IDE，复杂任务交给 Claude Code。
• 做网站的时间预期：简单网页 1～2 小时，加上登录支付和后端存储半天到一天。