快速上手
学习目标:选对工具,装好环境,写出第一段 AI 辅助的代码
预计时间:60-90 分钟
难度:⭐⭐
先搞清楚你要干什么
AI 编程工具现在分成了几个流派,选错了会很痛苦。
第一类:IDE 内置助手
直接在编辑器里用,写代码的时候自动补全、问问题、改代码。
| 工具 | 价格(2025年) | 特点 |
|---|---|---|
| GitHub Copilot | $10-19/月 | 老牌,稳定,VS Code 集成好 |
| Cursor | $20/月 | 整个 IDE 都是 AI 优先设计的 |
| Windsurf | $15/月 | Cursor 的竞品,主打"心流"体验 |
| JetBrains AI | $100/年起 | JetBrains 全家桶用户的选择 |
第二类:终端工具
在命令行里跟 AI 对话,让它直接改你的代码文件。
| 工具 | 价格 | 特点 |
|---|---|---|
| Claude Code | $20/月(Pro订阅) | Anthropic 官方出品,理解代码能力强 |
| Aider | 免费(需要 API) | 开源,支持多种模型 |
| Codex CLI | 免费(需要 API) | OpenAI 出品 |
第三类:零代码生成器
输入描述,直接生成完整项目。适合快速原型或者不会写代码的人。
| 工具 | 价格 | 特点 |
|---|---|---|
| v0.dev | 免费额度 + 付费 | Vercel 出品,生成 React 组件 |
| bolt.new | 免费额度 + 付费 | 浏览器里直接跑,全栈项目 |
| Lovable | $20/月起 | 主打快速 MVP |
怎么选?
别想太多,按这个来:
你是程序员,日常写代码 → Cursor 或 GitHub Copilot
两个都试试,哪个顺手用哪个。Cursor 的 Agent 模式更激进,Copilot 更稳。
你想在终端里干活 → Claude Code
特别适合重构、批量修改、处理大项目。
你不太会写代码,想快速出东西 → v0 或 bolt.new
v0 生成前端组件,bolt.new 生成全栈应用。
你用 JetBrains 全家桶 → JetBrains AI 或者 Copilot 插件
别折腾换编辑器了,在熟悉的环境里用 AI 就行。
Cursor 快速上手
Cursor 是目前最火的 AI 编程 IDE,我们用它来演示。
安装
- 去 cursor.com 下载
- 安装,打开
- 登录账号(可以用 GitHub 登录)
- 免费版有 2 周试用,够你跑完这个教程
核心功能
Tab 补全
写代码的时候,Cursor 会自动预测你要写什么。按 Tab 接受,按 Esc 忽略。
这个功能不需要你做任何事,写着写着就会弹出来。
Cmd+K(内联编辑)
选中一段代码,按 Cmd+K(Windows 是 Ctrl+K),输入你想让 AI 做什么。
比如选中一个函数,输入"添加错误处理",AI 会直接改这段代码。
Cmd+L(聊天)
打开侧边栏聊天,可以问问题、让 AI 解释代码、生成新代码。
Agent 模式
这是 Cursor 的杀手锏。在聊天框里输入需求,AI 会自动:
- 分析你的代码库
- 决定要改哪些文件
- 一个个改过去
- 遇到问题自己调试
用法:在聊天框输入需求,然后点击"Agent"按钮(或者直接 @ 提到多个文件)。
第一个练习
- 用 Cursor 打开一个空文件夹
- 按 Cmd+L 打开聊天
- 输入:
创建一个简单的 Python 脚本,功能是:
1. 读取当前目录下所有的 .txt 文件
2. 统计每个文件的字数
3. 输出一个汇总表格- 看 AI 生成的代码,点击"Apply"应用到文件
- 在终端运行试试
如果报错了,把错误信息复制到聊天框,让 AI 帮你修。
Claude Code 快速上手
Claude Code 是 Anthropic 出的命令行工具,适合在终端里干活。
安装
需要先有 Claude Pro 订阅($20/月),然后:
# macOS/Linux
npm install -g @anthropic-ai/claude-code
# 或者用 Homebrew
brew install claude-code安装完运行 claude 命令,按提示登录。
基本用法
# 进入项目目录
cd your-project
# 启动 Claude Code
claude
# 然后就可以对话了
> 帮我看看这个项目的结构,告诉我主要功能是什么
> 把 src/utils.js 里的所有 var 改成 const
> 给 api/routes.js 添加请求日志中间件Claude Code 会直接读取和修改你的文件。改之前会问你确认,别担心它乱改。
适合的场景
- 重构老代码
- 批量修改(比如升级依赖、改 API 调用方式)
- 理解不熟悉的代码库
- 写测试
GitHub Copilot 快速上手
Copilot 是最早的 AI 编程助手,现在功能也很全了。
安装
- 去 github.com/features/copilot 订阅
- 在 VS Code 里安装 GitHub Copilot 插件
- 登录 GitHub 账号
核心功能
代码补全
和 Cursor 类似,写代码时自动补全。Copilot 的补全更保守一些,不会一下子生成太多。
Copilot Chat
侧边栏聊天,问问题、解释代码、生成代码。
Agent Mode(2025 新功能)
这是 Copilot 追赶 Cursor 的功能。在 Chat 里输入需求,选择 Agent 模式,它会自动规划和执行任务。
目前还在迭代中,体验比 Cursor 的 Agent 差一点,但在进步。
v0 快速上手
v0 是 Vercel 出的 AI 前端生成工具,不需要本地环境。
使用方法
- 打开 v0.dev
- 登录(可以用 GitHub)
- 在输入框描述你想要的 UI
比如输入:
一个现代风格的登录页面,包含:
- 邮箱和密码输入框
- "记住我"复选框
- 登录按钮
- "忘记密码"链接
- 底部有"还没有账号?注册"的链接
使用深色主题v0 会生成 React + Tailwind 的代码,可以直接复制到项目里用。
注意事项
- 生成的是组件代码,不是完整项目
- 需要你自己处理逻辑(表单提交、验证等)
- 免费额度有限,复杂的需求会消耗更多
bolt.new 快速上手
bolt.new 比 v0 更进一步,直接生成可运行的全栈项目。
使用方法
- 打开 bolt.new
- 描述你想要的应用
比如:
一个简单的待办事项应用:
- 可以添加、删除、标记完成
- 数据保存在本地存储
- 响应式设计,手机上也能用bolt.new 会在浏览器里直接生成代码并运行,你可以实时预览效果。
适合的场景
- 快速验证想法
- 做原型给别人看
- 学习某个框架怎么用
不适合的场景
- 生产环境项目(代码质量参差不齐)
- 复杂业务逻辑
- 需要后端数据库的应用
环境检查清单
在开始下一章之前,确保你:
- [ ] 选好了一个主力工具(Cursor、Copilot、Claude Code 任选一个)
- [ ] 安装并登录成功
- [ ] 跑通了上面的第一个练习
- [ ] 知道怎么让 AI 帮你改代码
如果卡在某一步,把错误信息发到 AI 聊天框里,让它帮你解决。这本身就是 AI 编程的一部分。
本章小结
- AI 编程工具分三类:IDE 助手、终端工具、零代码生成器
- 选工具看你的使用场景,不是越贵越好
- 先跑通一个简单的例子,再去学高级功能
- 遇到问题就问 AI,这是最快的学习方式