大家好，欢迎来到小民AI实战笔记
这篇文章的目标就一个：帮你省时间。
想用AI做网站，但不知道怎么选工具？
这份Vibe Coding工具清单请查收👇
先花30秒，搞懂“Vibe Coding”
Vibe Coding——氛围编程
翻译成人话就是：
你负责描述“想要什么感觉”，AI负责把代码变出来
对比一下你就懂了：
以前做网站
学HTML → CSS → JS → 配环境 → 部署 → 一周过去了
现在做网站
打字“做一个带登录功能的记账本” → 等30秒 → 链接出来了
下面8款工具，分成两类：
-
AI代码编辑器（给会写代码的人）
-
AI应用生成器（给不会写代码的人）
你只看跟自己相关的那一类就行。
一、AI代码编辑器
给本来就会写代码的人
不改变你的工作流，但让你效率翻3-5倍
1. Cursor
程序员的第二双手
AI原生代码编辑器，目前综合体验最好的
- 适合谁：每天写代码的前端/后端/全栈
- 价格：免费试用，Pro $20/月
- 入口：cursor.com
如果你只能选一个，就选它
2. Trae
白嫖党的最优解
字节出品，国内版完全免费
- 适合谁：不想花钱、想白嫖顶级AI能力的人
- 价格：国内版免费，国际版收费
- 国际版：trae.ai
- 国内版：www.trae.cn
⚠️别下错： 国内版才免费，国际版要掏钱
3. Claude Code
终端党的终极武器
命令行里的AI搭档
- 适合谁：90%时间在终端里的硬核开发者
- 价格：需订阅Claude服务
- 入口：anthropic.com/claude-code
没有图形界面，不习惯命令行的慎入
4. Codex
不只是写代码，是操作你整个电脑
- 适合谁：希望AI跨应用处理任务的开发者
- 价格：按需付费
- 入口：openai.com/codex
偏早期，普通用户不急着上
二、AI应用生成器
给不会写代码的人
你只负责动嘴，它负责把网站做出来
1. Lovable
小白首选
大量用户是非技术人员，上手最容易
- 适合谁：创业者/产品经理/设计师/任何不会代码的人
- 价格：有免费额度
- 入口：lovable.dev
免费额度有限，别拿来练手，直接做正事
2. Bolt.new
浏览器里的全栈工厂
所见即所得，边聊边看效果
- 适合谁：讨厌装环境、想边做边预览的人
- 价格：有免费额度
- 入口：bolt.new
复杂后端支持一般，别指望一次成型
3. v0
前端设计师的魔法棒
UI界面最精致，没有之一
- 适合谁：前端/设计师/在意颜值的人
- 价格：有免费额度
- 入口：v0.dev
它生成的是组件，不是完整网站，需要配合使用
4. Replit
开箱即用的云端IDE
浏览器里装好了一切环境
- 适合谁：学生/编程初学者/不想装任何软件的人
- 价格：免费版够用
- 入口：replit.com
免费版性能有限，大项目会卡
30秒自测：只选一个
👉你现在打开电脑，最想立刻做的事是什么？
| 你的回答 | 直接选它 |
|---|---|
| 把我手头的项目写完，不想折腾新工具 | Cursor |
| 不想花钱，但想用上最好的AI | Trae（国内版） |
| 我是纯小白，就想做个能用的网站 | Lovable |
| 我最在意界面好不好看 | v0 |
| 我是个学生，想学编程又不想装环境 | Replit |
| 我讨厌配置环境，想边做边看效果 | Bolt.new |
| 我90%时间在终端里，不喜欢鼠标 | Claude Code |
| 我想让AI帮我操作整个电脑 | Codex |
实在不知道怎么选 ➔ 会代码无脑Cursor，不会代码无脑Lovable，想白嫖就选Trae
📢 关于我
以上是本次分享的全部内容。
如果你对我的实操笔记感兴趣，或想交流AI工具的使用经验：
👉 「个人主页」有我的联系方式，欢迎来聊
感谢阅读，下期见~
