Skip to content

快速上手

学习目标:选对工具,装好环境,写出第一段 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,我们用它来演示。

安装

  1. cursor.com 下载
  2. 安装,打开
  3. 登录账号(可以用 GitHub 登录)
  4. 免费版有 2 周试用,够你跑完这个教程

核心功能

Tab 补全

写代码的时候,Cursor 会自动预测你要写什么。按 Tab 接受,按 Esc 忽略。

这个功能不需要你做任何事,写着写着就会弹出来。

Cmd+K(内联编辑)

选中一段代码,按 Cmd+K(Windows 是 Ctrl+K),输入你想让 AI 做什么。

比如选中一个函数,输入"添加错误处理",AI 会直接改这段代码。

Cmd+L(聊天)

打开侧边栏聊天,可以问问题、让 AI 解释代码、生成新代码。

Agent 模式

这是 Cursor 的杀手锏。在聊天框里输入需求,AI 会自动:

  • 分析你的代码库
  • 决定要改哪些文件
  • 一个个改过去
  • 遇到问题自己调试

用法:在聊天框输入需求,然后点击"Agent"按钮(或者直接 @ 提到多个文件)。

第一个练习

  1. 用 Cursor 打开一个空文件夹
  2. 按 Cmd+L 打开聊天
  3. 输入:
创建一个简单的 Python 脚本,功能是:
1. 读取当前目录下所有的 .txt 文件
2. 统计每个文件的字数
3. 输出一个汇总表格
  1. 看 AI 生成的代码,点击"Apply"应用到文件
  2. 在终端运行试试

如果报错了,把错误信息复制到聊天框,让 AI 帮你修。


Claude Code 快速上手

Claude Code 是 Anthropic 出的命令行工具,适合在终端里干活。

安装

需要先有 Claude Pro 订阅($20/月),然后:

bash
# macOS/Linux
npm install -g @anthropic-ai/claude-code

# 或者用 Homebrew
brew install claude-code

安装完运行 claude 命令,按提示登录。

基本用法

bash
# 进入项目目录
cd your-project

# 启动 Claude Code
claude

# 然后就可以对话了
> 帮我看看这个项目的结构,告诉我主要功能是什么

> 把 src/utils.js 里的所有 var 改成 const

> 给 api/routes.js 添加请求日志中间件

Claude Code 会直接读取和修改你的文件。改之前会问你确认,别担心它乱改。

适合的场景

  • 重构老代码
  • 批量修改(比如升级依赖、改 API 调用方式)
  • 理解不熟悉的代码库
  • 写测试

GitHub Copilot 快速上手

Copilot 是最早的 AI 编程助手,现在功能也很全了。

安装

  1. github.com/features/copilot 订阅
  2. 在 VS Code 里安装 GitHub Copilot 插件
  3. 登录 GitHub 账号

核心功能

代码补全

和 Cursor 类似,写代码时自动补全。Copilot 的补全更保守一些,不会一下子生成太多。

Copilot Chat

侧边栏聊天,问问题、解释代码、生成代码。

Agent Mode(2025 新功能)

这是 Copilot 追赶 Cursor 的功能。在 Chat 里输入需求,选择 Agent 模式,它会自动规划和执行任务。

目前还在迭代中,体验比 Cursor 的 Agent 差一点,但在进步。


v0 快速上手

v0 是 Vercel 出的 AI 前端生成工具,不需要本地环境。

使用方法

  1. 打开 v0.dev
  2. 登录(可以用 GitHub)
  3. 在输入框描述你想要的 UI

比如输入:

一个现代风格的登录页面,包含:
- 邮箱和密码输入框
- "记住我"复选框
- 登录按钮
- "忘记密码"链接
- 底部有"还没有账号?注册"的链接
使用深色主题

v0 会生成 React + Tailwind 的代码,可以直接复制到项目里用。

注意事项

  • 生成的是组件代码,不是完整项目
  • 需要你自己处理逻辑(表单提交、验证等)
  • 免费额度有限,复杂的需求会消耗更多

bolt.new 快速上手

bolt.new 比 v0 更进一步,直接生成可运行的全栈项目。

使用方法

  1. 打开 bolt.new
  2. 描述你想要的应用

比如:

一个简单的待办事项应用:
- 可以添加、删除、标记完成
- 数据保存在本地存储
- 响应式设计,手机上也能用

bolt.new 会在浏览器里直接生成代码并运行,你可以实时预览效果。

适合的场景

  • 快速验证想法
  • 做原型给别人看
  • 学习某个框架怎么用

不适合的场景

  • 生产环境项目(代码质量参差不齐)
  • 复杂业务逻辑
  • 需要后端数据库的应用

环境检查清单

在开始下一章之前,确保你:

  • [ ] 选好了一个主力工具(Cursor、Copilot、Claude Code 任选一个)
  • [ ] 安装并登录成功
  • [ ] 跑通了上面的第一个练习
  • [ ] 知道怎么让 AI 帮你改代码

如果卡在某一步,把错误信息发到 AI 聊天框里,让它帮你解决。这本身就是 AI 编程的一部分。


本章小结

  • AI 编程工具分三类:IDE 助手、终端工具、零代码生成器
  • 选工具看你的使用场景,不是越贵越好
  • 先跑通一个简单的例子,再去学高级功能
  • 遇到问题就问 AI,这是最快的学习方式

← 返回模块目录 | 继续学习:项目类型 →

最近更新

基于 Apache 2.0 许可发布