Vibe Tutorial
环境搭建与代码运行基础

1.6 模型与工具

Tip

学会选择和配置AI编程工具,理解AI模型和编辑器的区别,掌握Cursor的基本使用。


1. 为什么要学这个?

你可能会问:"我直接在网页上问ChatGPT不行吗?为什么非要下载一个软件?"

想象你去拉力赛。

  • 网页版AI就像你在看台上拿着对讲机指挥赛车手。你说:"前面左转",赛车手听到后,还得自己手忙脚乱地去打方向盘。
  • AI编程工具(如Cursor)就像自动驾驶副驾。你说:"前面左转",它直接伸手帮你把方向盘打好了,甚至连油门都帮你踩了。

关键区别:

  • 网页版AI:你要复制粘贴代码,手动创建文件,手动运行
  • AI编程工具:它能直接读取你的整个项目,自动创建文件,自动写代码,自动运行命令

在Vibe Coding中,我们需要的是深度集成。AI必须能直接操作你的项目文件,而不是靠你一段段复制粘贴。


2. 核心概念

新手最容易晕的就是:"Cursor是什么?Claude是什么?它俩是一回事吗?"

让我们用赛车来比喻。

2.1 AI模型 - 发动机

技术定义:AI模型(Model)是真正负责"思考"的大脑,如Claude Opus 4.5、GPT-5.2 Pro、DeepSeek-V4、Gemini 3 Flash。

就像赛车的发动机。

  • 作用:提供马力(智力)。马力越大,处理复杂逻辑的能力越强。
  • 性能指标:以Claude Opus 4.5为例,它在SWE-bench Verified测试中达到80.9%,是目前编程能力最强的模型。
  • 付费模式:通常按"耗油量"(Token)收费。跑得越多,花钱越多。
  • 可替换:你可以今天用Claude,明天换成GPT-5.2。

2.2 编辑器 - 赛车车身

技术定义:编辑器(IDE)是你写代码的操作界面,如Cursor、Windsurf、GitHub Copilot。

就像赛车的车身。

  • 作用:把发动机装进去,提供方向盘、仪表盘(代码补全、文件管理、终端集成)。
  • 关系:同一个车身(Cursor)可以换不同的发动机。
  • 选择:车身决定你开得舒不舒服,发动机决定你跑得快不快。
graph TD
    A[你/赛车手] --> B[赛车/Cursor]
    
    subgraph C[引擎舱/设置]
        D[Claude Opus 4.5]
        E[GPT-5.2 Pro]
        F[DeepSeek-V4]
        G[Gemini 3 Flash]
    end
    
    B --> C
    B --> H[代码文件]
    
    style A fill:#e1f5ff
    style B fill:#fff3e0
    style C fill:#f3e5f5
    style D fill:#e8f5e9
    style E fill:#e8f5e9
    style F fill:#e8f5e9
    style G fill:#e8f5e9
    style H fill:#e1f5ff

3. 怎么选择?

3.1 AI模型选择指南

🎯 模型 角色 推荐场景 性能数据 价格
Claude Opus 4.5 编程之神 复杂架构设计、Debug疑难杂症、多文件重构 SWE-bench 80.9% ⭐⭐⭐⭐⭐
DeepSeek-V4 性价比之神 日常CRUD、中文文档、简单重构 预计2月发布
GPT-5.2 Pro 全能战士 复杂推理、多模态任务、通用编程 400K上下文 ⭐⭐⭐⭐
Gemini 3 Flash 多模态专家 看图写代码、图像理解、快速响应 100万token上下文 ⭐⭐⭐

Vibe建议:

  • 新手练习:用DeepSeek-V4,便宜又够用
  • 核心功能:用Claude Opus 4.5,编程能力最强
  • 看图写代码:用Gemini 3 Flash,多模态能力出色
  • 复杂推理:用GPT-5.2 Pro,综合能力强

3.2 编辑器选择指南

🚗 工具 核心特点 独特优势 Vibe评价
Cursor Composer Agent模式 自主处理代码库,自动运行命令,最多25次工具调用 首选推荐
Windsurf Cascade系统 深层上下文感知,擅长多文件重构,免费500次/月 ⭕ 值得尝试
GitHub Copilot 行业标杆 庞大训练数据,企业级安全,50+语言支持 ⭕ 适合团队
VS Code + 插件 改装方案 灵活但需要自己配置 ❌ 不推荐新手

Cursor的Composer Agent模式是什么?

  • Cmd+I(Mac)或Ctrl+I(Windows)呼出
  • AI会自主读取代码、搜索文件、运行命令、创建修改文件
  • 支持"Auto-run模式",让AI自动执行测试和验证
  • 每次最多25次工具调用,可以"继续"进行更多操作

4. 怎么安装和配置?

我们以Cursor + DeepSeek-V4为例,打造一套高性价比方案。

📦 第一步:下载Cursor

  1. 访问Cursor官网:cursor.sh
  2. 下载对应你系统的版本(Windows/Mac)
  3. 双击安装,一路下一步

⚙️ 第二步:配置模型

# 1. 打开Cursor设置
# Windows: Ctrl + ,
# Mac: Cmd + ,

# 2. 找到 Models 选项卡

# 3. 添加DeepSeek-V4模型
# - 点击 "Add Model"
# - 选择 "DeepSeek" 提供商
# - 选择 deepseek-v4 或 deepseek-chat
# - 如果用API模式,填入DeepSeek的API Key

# 4. 设置为默认模型
# - 在 "Default Model" 下拉菜单选择 DeepSeek-V4

为什么选DeepSeek-V4? Claude Opus 4.5虽然强(SWE-bench 80.9%),但DeepSeek-V4够便宜,适合新手练车。等你熟练了,再升级到Claude。

✨ 第三步:开始使用Composer Agent

# 1. 打开一个项目文件夹
# File -> Open Folder

# 2. 呼出Composer Agent
# 按 Ctrl + I (Windows) 或 Cmd + I (Mac)

# 3. 输入你的需求(示例)
"帮我创建一个贪吃蛇游戏,用HTML+CSS+JS实现"

# 4. 观察AI的工作流程
# - AI会自动创建 index.html, style.css, game.js
# - 自动写入代码
# - 询问是否运行预览

# 5. 启用Auto-run模式(可选)
# - 在Composer设置中开启 "Auto-run mode"
# - AI会自动执行测试和验证命令

5. 避坑指南

❌ 不要这样做 ✅ 应该这样做 为什么
把所有模型都订阅一遍 按需付费(API)或只订阅一个主力工具 每个月几百刀订阅费会让你破产
AI写完代码就不看了 必须审计每一行代码 AI会产生幻觉,写出错误代码
把公司机密代码全发给AI 开启隐私模式,敏感数据手动填写 避免泄密风险,保护公司资产
忘记设置API消费限额 在API平台设置每月消费上限 防止意外产生巨额账单
让AI无限制运行命令 设置命令白名单/黑名单 防止AI执行危险命令(如删除文件)

7. 本章小结

  1. 🏎️ 模型是发动机:决定你跑得有多快(Claude Opus 4.5在SWE-bench达80.9%)
  2. 🚗 工具是赛车:决定你开得有多顺(Cursor的Composer Agent能自主处理代码)
  3. 💰 成本意识:核心算法用Claude Opus 4.5,日常开发用DeepSeek-V4
  4. 🔒 安全第一:设置API消费上限,配置命令白名单,不要把机密喂给AI
  5. 推荐方案:新手用Cursor + DeepSeek-V4,熟练后升级到Claude Opus 4.5