环境搭建与代码运行基础
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
- 访问Cursor官网:
cursor.sh - 下载对应你系统的版本(Windows/Mac)
- 双击安装,一路下一步
⚙️ 第二步:配置模型
# 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. 本章小结
- 🏎️ 模型是发动机:决定你跑得有多快(Claude Opus 4.5在SWE-bench达80.9%)
- 🚗 工具是赛车:决定你开得有多顺(Cursor的Composer Agent能自主处理代码)
- 💰 成本意识:核心算法用Claude Opus 4.5,日常开发用DeepSeek-V4
- 🔒 安全第一:设置API消费上限,配置命令白名单,不要把机密喂给AI
- ⚡ 推荐方案:新手用Cursor + DeepSeek-V4,熟练后升级到Claude Opus 4.5