AI 原生开放教材

外观

Vibe Coding 完全指南课时教程·中文原文 ↗仓库 ↗

第二章：你需要准备什么 ​

本章你将学到： 开始 vibe coding 之前需要准备的东西——硬件、账号和心态。

好消息：你需要的比你想的少 ​

很多人一听到"编程"两个字就觉得门槛很高——是不是要买很贵的电脑？是不是要装一堆看不懂的软件？是不是要先学半年才能开始？

都不需要。

Vibe coding 的入门准备清单非常短。这一章我帮你把需要准备的东西理清楚，让你可以尽快开始。

心态准备：最重要的事 ​

在聊具体要准备什么之前，我想先说说心态——因为这才是最重要的。

你不是在"学编程"，你是在"学和 AI 沟通"。

这个区别非常关键。传统的学编程，你需要记住一大堆语法规则、理解复杂的逻辑概念，那确实需要花很长时间。但 vibe coding 不一样——你要学的核心技能是：怎么把你的想法清楚地告诉 AI。

这就像学会使用搜索引擎一样。二十年前，很多人也不会用百度或 Google——不知道该搜什么关键词，不知道怎么筛选结果。但现在，搜索已经是大家日常生活的一部分了。Vibe coding 也一样，它的核心就是学会"提问"。

另一个重要的心态是：不需要追求完美，只需要不断迭代。你的第一个作品不会是完美的，但没关系。做出来，看看效果，哪里不满意就告诉 AI 去改。改一版，再改一版，慢慢就越来越好了。就像写文章一样，初稿不可能完美，重要的是先写出来，然后不断修改。

硬件要求 ​

一台能上网的电脑。 Windows、Mac 或者 Linux 都行，不需要很新或者很贵。只要能流畅地打开网页，就够了。

一个现代浏览器。 推荐用 Chrome（谷歌浏览器），因为大部分 AI 编程工具对 Chrome 的兼容性最好。当然，Edge、Firefox 也可以。

就这么多。真的。

你不需要高配电脑，不需要显卡，不需要特别大的硬盘空间。因为 vibe coding 的大部分工作是 AI 在云端完成的，你的电脑主要就是用来跟 AI 对话和预览结果。

需要注册的账号 ​

开始之前，你需要注册几个账号。别担心，都很简单。

AI 编程工具账号 ​

这是你最核心的工具。市面上有很多选择，比如 Lovable、Bolt.new、Cursor 等等。每个工具具体是什么、怎么选，我们在第三章和第四章会详细介绍。

这里你只需要知道：你至少需要注册一个 AI 编程工具的账号。具体注册哪个，等看完第三章再决定也不迟。

GitHub 账号 ​

GitHub 是什么？ 你可以把它理解为程序员的"云端硬盘"。就像你用百度网盘存文档和照片一样，程序员用 GitHub 来存代码。

为什么需要？ 两个原因：

  1. 很多 AI 编程工具需要用 GitHub 账号登录
  2. 以后你可以把自己做的项目存到 GitHub 上，方便管理和分享

怎么注册？

  1. 打开 https://github.com
  2. 点击右上角的 "Sign up"
  3. 输入邮箱、设置密码、选一个用户名
  4. 按提示完成验证就行了

注册是完全免费的，不需要信用卡。

费用说明 ​

这可能是你最关心的问题之一：要花多少钱？

完全免费就能开始 ​

好消息是，几乎所有主流的 AI 编程工具都有免费额度。你完全可以不花一分钱就开始体验 vibe coding：

  • Lovable：每天 5 次免费使用，新手体验最友好
  • Bolt.new：免费用户每月有 100 万 token 的额度（够你做好几个小项目了）
  • v0.dev：每月赠送价值 5 美元的免费额度
  • GitHub Copilot：免费版每月 2000 次代码补全 + 50 次 AI 对话
  • Cursor：免费版提供有限的 AI 请求额度，新用户还有 7 天 Pro 试用
  • Trae：字节跳动出品，每月 5000 次代码补全 + AI 对话额度，中文支持优秀

国内用户的好消息 ​

如果你在国内，除了以上这些国际工具，还有一些国产平台提供了非常实惠的 AI 编程服务，价格比国际工具便宜不少：

  • 火山引擎 Coding Plan：首月最低 8.91 元
  • Kimi Code：39 元/月起
  • MiniMax Coding Plan：29 元/月起
  • 智谱 GLM Coding：49 元/月起

这些平台的详细介绍我们在第三章的"国内用户使用 Claude Code 的替代方案"部分会详细说。

什么时候考虑付费 ​

先用免费额度体验。等你用了一段时间，发现自己确实喜欢 vibe coding，免费额度不够用了，再考虑付费也不迟。

各工具的付费价格大概在每月 10-25 美元之间：

工具免费额度付费起步价
Lovable每天 5 次$25/月
Bolt.new每月 100 万 token$25/月
v0.dev每月 $5 额度$20/月
Cursor有限请求$20/月
Trae5000 次补全/月$10/月
Windsurf每月 25 次$15/月
GitHub Copilot2000 次补全/月$10/月

注意： 以上价格和免费额度信息可能随时变化，建议以各工具官网的最新信息为准。

我的建议： 不要一上来就付费。先用免费额度把教程里的内容跟着做一遍，确认适合自己再说。大部分人在学习阶段，免费额度是完全够用的。

认识终端/命令行 ​

你可能听过"命令行"或"终端"这两个词，听起来像是黑客才用的东西。但其实它非常简单——终端就是用文字和电脑对话的地方。

平时你操作电脑是用鼠标点点点，而终端是用打字的方式告诉电脑要做什么。就像发微信一样——你打字发一条指令，电脑回复你结果。

为什么要知道这个？因为后面安装一些工具时，我们偶尔需要在终端里输入一行命令。别担心，每次用到的时候我都会告诉你具体输入什么，你只需要复制粘贴就行。

怎么打开终端？ ​

Mac 用户：

  1. 按 Command + 空格，打开"聚焦搜索"
  2. 输入"终端"或"Terminal"
  3. 回车打开

Windows 用户：

  1. 按 Win + X，选择"Windows PowerShell"或"终端"
  2. 或者在开始菜单搜索"PowerShell"

试一试 ​

打开终端后，输入下面这行字，然后按回车：

echo "Hello, Vibe Coding!"

如果屏幕上显示了 Hello, Vibe Coding!，恭喜你，你已经成功使用终端了。就这么简单。

后面的章节里，遇到需要在终端操作的步骤，我都会用这样的代码框告诉你具体输入什么。你只需要打开终端、复制粘贴、按回车就行。

按路线准备环境 ​

不确定选哪条路线？ 没关系，先跳过这一节。第三章和第四章会帮你选工具，选好后再回来按需安装。

写给第一次配置环境的你：

如果你是第一次接触这些东西，遇到问题是完全正常的——即使是工作多年的程序员，配环境时也经常要搜索解决方案。几点建议：

  • 不要气馁： 安装出问题不代表你不适合做这个，每个人都经历过
  • 仔细看错误信息： 屏幕上显示的红字通常包含解决问题的线索
  • 善用搜索： 把错误信息复制到搜索引擎，大概率能找到解决方案
  • 让 AI 帮你： 这正是 vibe coding 的精髓——把错误信息、截图或问题描述发给 ChatGPT、Claude 等 AI 工具，让它帮你分析原因并给出解决步骤
  • 一步一步来： 按顺序执行，每一步都验证成功后再进行下一步
  • 只需要做一次： 环境配好之后就不用再折腾了，之后就可以专注于创作

不同的工具需要不同的准备工作。下面按路线来说明：

路线 A：网页端工具（Bolt / v0 / Lovable） ​

恭喜，你什么都不用装！

这类工具全部在浏览器里运行，打开网页就能用。你可以直接跳到下一章了。

路线 B：编辑器端工具（Cursor / Trae） ​

如果你想用 Cursor 或 Trae 这类需要安装在电脑上的工具，需要多准备几样东西。按顺序来就行，每一步都很简单。

1. 安装 Homebrew（仅 Mac 用户需要） ​

Homebrew 是 Mac 上的"软件应用商店"——通过它可以用一行命令安装各种开发工具，比你到处找下载链接方便多了。

打开终端，粘贴下面这行命令，按回车（这条命令看着很长很复杂，但你不需要理解它——直接复制粘贴就行）：

bash
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装过程中可能会让你输入电脑的开机密码（输入时屏幕上不会显示任何字符，这是正常的），输入后按回车就行。

整个过程可能需要几分钟，耐心等待即可。

验证安装成功： 输入以下命令：

bash
brew --version

如果看到类似 Homebrew 4.x.x 的版本号，就说明成功了。

安装失败或很慢？ 国内用户可以使用镜像加速。在终端中执行：

bash
/bin/bash -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

按提示选择镜像源即可。

Windows 用户： 你不需要 Homebrew。Windows 有自己的一套安装方式，接下来会详细说明。

2. 安装 Node.js ​

Node.js 是让 JavaScript（网页常用的编程语言）能在你电脑上运行的工具。很多 AI 编程工具生成的项目都需要它。

Mac 用户（已装 Homebrew）：

bash
brew install node

Windows 用户：

  1. 打开 https://nodejs.org
  2. 下载标有 "LTS"（长期支持版） 的版本——页面上会有一个绿色的大按钮
  3. 双击下载好的安装包（文件名类似 node-v22.x.x-x64.msi）
  4. 安装向导一路点"Next"，注意不要取消勾选任何选项，特别是 "Add to PATH" 这一项必须保持勾选
  5. 如果弹出"是否安装附加工具（Tools for Native Modules）"的页面，勾选它——这会自动帮你安装一些编译工具，以后安装某些依赖时会用到
  6. 安装完成后，关闭所有已打开的终端窗口再重新打开——新安装的工具需要重新打开终端才能生效

验证安装成功：

bash
node --version

看到类似 v22.x.x 的版本号就说明成功了。

Windows 常见问题： 如果输入 node --version 提示"不是内部或外部命令"，说明 PATH 没有配好。最简单的方法是重新运行安装包，确保勾选了"Add to PATH"，然后重启电脑。

3. 安装 Git（Windows 用户必装） ​

Git 是一个代码版本管理工具——你可以把它理解为代码的"时光机"，随时可以回到之前的版本。很多编辑器和项目都依赖它。

Mac 用户： Mac 系统自带 Git，通常不需要额外安装。如果终端提示找不到 git，运行 xcode-select --install 安装即可。

Windows 用户：

  1. 打开 https://git-scm.com
  2. 点击 "Download for Windows"，下载安装包
  3. 双击安装，大部分选项保持默认即可，但注意以下几点：
    • "Adjusting your PATH environment" 这一步，选择 "Git from the command line and also from 3rd-party software"（通常是默认选项）
    • "Choosing the default editor" 这一步，如果你不熟悉 Vim，建议改选 "Use Visual Studio Code as Git's default editor" 或 "Use Notepad as Git's default editor"
    • 其他选项保持默认，一路 "Next" 到安装完成
  4. 安装完成后，重新打开终端

验证安装成功：

bash
git --version

看到类似 git version 2.x.x 的版本号就说明成功了。

4. 安装 Cursor 或 Trae ​

安装方式和普通软件一样，双击安装包，按提示操作即可。

Windows 用户小提示： 安装 Cursor 或 Trae 时，如果有 "Add to PATH" 或 "添加右键菜单" 的选项，建议勾选。这样你以后可以在文件夹里右键选择"用 Cursor 打开"，非常方便。

可选：安装 Python ​

如果你将来想做非网页类的项目（比如数据处理、文件批量操作、自动化脚本），可以顺便把 Python 也装上。不确定要不要装？先跳过，以后需要时再回来。

Mac 用户：

bash
brew install python

Windows 用户：

  1. 打开 https://python.org
  2. 下载最新稳定版
  3. 安装第一个页面就有一个很重要的选项——一定要勾选 "Add python.exe to PATH"（在页面最下方，默认是没有勾选的！）
  4. 然后点击 "Install Now" 即可

验证安装成功：

bash
python3 --version

看到类似 Python 3.12.x 的版本号就说明成功了。Windows 用户可能需要用 python --version（没有 3）。

Windows 用户环境设置总结 ​

如果你是 Windows 用户选择路线 B，整个安装顺序是：

  1. Node.js → 从 nodejs.org 下载 LTS 版安装，勾选 Add to PATH
  2. Git → 从 git-scm.com 下载安装，保持默认选项
  3. Cursor 或 Trae → 从官网下载安装
  4. 重启电脑（确保所有 PATH 设置生效）
  5. 打开终端，依次验证：node --version、git --version

全部能显示版本号？恭喜，你的 Windows 开发环境就绑好了！

建议使用 Windows Terminal： Windows 11 已经自带了 Windows Terminal，Windows 10 用户可以在 Microsoft Store 里免费下载。它比传统的 PowerShell 窗口好看、好用，支持多标签页，推荐使用。

本章小结 ​

  • 开始 vibe coding 只需要：一台能上网的电脑 + 一个浏览器
  • 心态上最重要的是：你在学"和 AI 沟通"，不是在"学编程"
  • 注册一个 GitHub 账号（免费）
  • 所有 AI 编程工具都有免费额度，不花钱就能开始
  • 终端不可怕——就是用文字和电脑对话，需要时复制粘贴命令就行
  • 用网页端工具（Lovable/Bolt/v0）不需要任何环境配置
  • 用编辑器端工具（Cursor/Trae）需要安装 Node.js 和 Git，Mac 用户建议先装 Homebrew，Windows 用户注意勾选 Add to PATH

下一步预告 ​

准备工作就这么多。下一章，我们来认识一下市面上的各种 AI 编程工具——选择很多，但别被吓到，我帮你理清楚。