🧘‍♂️ <超级个体 Vibe Coding 零基础教程> #001 从零开始，用 Cursor 做人生的第一个小工具

Cursor 官方网站：https://cursor.com
简介：一款专为与 AI 协作编程而设计的代码编辑器。它深度集成了 AI 聊天、代码生成与修改、项目问答等功能，旨在大幅提升开发效率

很多人觉得编程很难，但在 AI 时代，你真正要学的不是“写代码”而是如何和 AI 合作，让它帮你写代码。

今天我们做一个最小行动：用 Cursor 完成「安装 → 新建项目 → 生成一个链接转二维码小工具」。只需要 10 分钟，你会第一次体验到：原来我也能把灵感变成生产力。

① 安装 Cursor（1 分钟）

打开官网：https://cursor.com
下载适合自己系统的版本
打开就是本地的 IDE（你的创作本地工作台），注意Replit 是云端版本。

② 创建你的第一个 Project（1 分钟）

1/ 在桌面新建一个空文件夹（比如：qr-maker）
2/ 在 Cursor 里选择：Open Project → 打开这个文件夹
3/ 现在你已经进入了 Cursor 的三栏工作模式：

• 左边：项目文件
• 中间：代码编辑器
• 右边：AI 聊天区（这里才是 Vibe Coding 的灵魂）

③ 认识一下 Cursor 的核心玩法（2 分钟）

🟣 @ 文件引用
告诉 Cursor 你要修改哪个文件，超精准。
🟤 拖图片 / 拖截图
AI 会自动理解你要实现的界面和结构。
🟢 /agent 模式：是你的“兼职工程师”，能自动写代码、改文件、创建目录。你只要讲清楚想法，它就会替你动手。
🔵 /ask 模式：适合问问题、聊思路、让 AI 帮你懂一个概念。
⚫ Past Chats：可回到过去继续同一个项目
🔘 Model Auto：让 Cursor 自动选择最佳模型

记得转变思维，Cursor = 你和 AI 的合作面板。不是你在写代码，是你在指挥一位 AI 程序员为你工作。

④ 让 Cursor 帮你做一个 X 名片 & 二维码生成器（6 分钟）

在右侧输入一句：“帮我在当前项目里生成一个简单网页。输入一个 X 主页 URL 按按钮就能生成二维码，并生产一个 X 名片，方便展示。”
然后你会看到：
agent 自动创建 index.html
自动写二维码逻辑
自动生成 UI
自动运行预览
你只需要按下 Run，就能看到自己的第一个 App。

那一刻，你会突然明白：

“我不是在学编程，我是在激活自己的创意能力。”

最终进行首次运行与测试：

让 AI 生成代码后，Cursor 会自动创建一个类似 index.html / style.css / script.js / http://README.md

在文件管理器打开 index.html，输入你的 X URL 并点击“生成”。如果看到二维码，就说明第一版成功。如果不行就要进行测试和纠错。比如：

区域全白时，截图发给 AI 并补一句「二维码是空的」。如果仍不明白，则右键网页 → Inspect → Console，将报错日志截图给 AI。提供足够信息，它就能快速修复。