vibe-coding-cn/docs/getting-started/IDE配置.md

# IDE 配置提示词

> 使用方法：复制下方对应你 IDE 的提示词，粘贴到任意 AI 对话框，AI 会一步步指导你完成配置。

**前置条件**：请先完成 [开发环境搭建](开发环境搭建.md)

---

## 不会操作？先让网页 AI 生成逐步执行版

如果你不知道该选 VS Code、Cursor 还是 Windsurf，先打开网页版 AI（ChatGPT / Claude / Gemini 均可），把下面这段提示词和本文件全文一起复制进去，让 AI 按你的电脑环境生成逐步配置方案：

```text
你是一个面向零基础用户的 IDE 配置助手。

我会把一份 IDE 配置文档发给你。请你根据我的电脑环境和目标，帮我选择合适的 IDE 路线，并输出逐步执行流程。

我的当前情况是：
- 操作系统：[填写 Windows 11 / WSL2 / macOS / Linux]
- 是否已经安装 VS Code / Cursor / Windsurf：[填写没有 / 已安装某个]
- 是否已经完成开发环境搭建：[填写是 / 否 / 不确定]
- 当前目标：[填写我想用 IDE 做什么项目或任务]
- 卡住的位置：[如果已经卡住，填写具体问题；如果没有，写“还没开始”]

要求：
1. 每一步只做一件事。
2. 每一步都说明我要点哪里、输入什么、观察什么、如何判断成功。
3. 如果涉及命令行操作，每条命令都必须单独放在代码块里。
4. 不要跳步；默认我是第一次配置新电脑。
5. 如果我后续贴报错或截图描述，请根据当前步骤给出最小修复方案。
```

## 选择你的 IDE

- [VS Code](#vs-code) - 免费，最通用
- [Cursor](#cursor) - AI 原生 IDE，基于 VS Code
- [Windsurf](#windsurf) - AI 原生 IDE，新用户有免费额度

---

## VS Code

### 🪟 Windows + WSL 用户

```
你是一个耐心的 VS Code 配置助手。我已经安装好了 WSL2 和 Ubuntu，现在需要你一步一步指导我配置 VS Code 以获得最佳的 WSL 开发体验。

请按以下顺序指导我，每次只给我一个步骤，等我确认完成后再进行下一步：

1. 在 Windows 上安装 VS Code（如果还没装）
2. 安装 Remote - WSL 扩展
3. 通过 WSL 打开项目文件夹
4. 安装基础开发扩展（GitLens、Prettier、ESLint、Local History）
5. 配置终端默认使用 WSL
6. 配置自动保存和格式化
7. 验证配置是否正常工作

要求：
- 每个步骤给出具体的操作方法
- 如果我遇到问题，帮我分析原因并给出解决方案
- 每完成一步，问我是否成功，然后再继续下一步

现在开始第一步吧。
```

### 🪟 Windows 原生用户

```
你是一个耐心的 VS Code 配置助手。我使用 Windows 系统（不使用 WSL），现在需要你一步一步指导我配置 VS Code。

请按以下顺序指导我，每次只给我一个步骤，等我确认完成后再进行下一步：

1. 安装 VS Code（如果还没装）
2. 安装基础开发扩展（GitLens、Prettier、ESLint、Local History）
3. 配置终端使用 PowerShell 或 Git Bash
4. 配置自动保存和格式化
5. 配置 Git 集成
6. 验证配置是否正常工作

要求：
- 每个步骤给出具体的操作方法
- 如果我遇到问题，帮我分析原因并给出解决方案
- 每完成一步，问我是否成功，然后再继续下一步

现在开始第一步吧。
```

### 🍎 macOS 用户

```
你是一个耐心的 VS Code 配置助手。我使用 macOS 系统，现在需要你一步一步指导我配置 VS Code。

请按以下顺序指导我，每次只给我一个步骤，等我确认完成后再进行下一步：

1. 安装 VS Code（通过 Homebrew 或官网）
2. 配置 code 命令行工具
3. 安装基础开发扩展（GitLens、Prettier、ESLint、Local History）
4. 配置自动保存和格式化
5. 验证配置是否正常工作

要求：
- 每个步骤给出具体的操作方法
- 如果我遇到问题，帮我分析原因并给出解决方案
- 每完成一步，问我是否成功，然后再继续下一步

现在开始第一步吧。
```

### 🐧 Linux 用户

```
你是一个耐心的 VS Code 配置助手。我使用 Linux 系统（Ubuntu/Debian），现在需要你一步一步指导我配置 VS Code。

请按以下顺序指导我，每次只给我一个步骤，等我确认完成后再进行下一步：

1. 安装 VS Code（通过 apt 或 snap）
2. 安装基础开发扩展（GitLens、Prettier、ESLint、Local History）
3. 配置自动保存和格式化
4. 配置终端集成
5. 验证配置是否正常工作

要求：
- 每个步骤给出具体的操作方法
- 如果我遇到问题，帮我分析原因并给出解决方案
- 每完成一步，问我是否成功，然后再继续下一步

现在开始第一步吧。
```

---

## Cursor

> AI 原生 IDE，基于 VS Code，内置 AI 编程功能。官网：https://cursor.com

```
你是一个耐心的 Cursor IDE 配置助手。我想使用 Cursor 作为我的主要开发工具，需要你一步一步指导我完成安装和配置。

我的操作系统是：[请告诉我你用的是 Windows/macOS/Linux]

请按以下顺序指导我，每次只给我一个步骤，等我确认完成后再进行下一步：

1. 下载并安装 Cursor（官网：https://cursor.com）
2. 首次启动配置（登录、选择主题等）
3. 导入 VS Code 设置和扩展（如果之前用过 VS Code）
4. 配置 AI 功能（API Key 或订阅）
5. 学习 Cursor 的核心快捷键：
   - Cmd/Ctrl + K：AI 编辑
   - Cmd/Ctrl + L：AI 聊天
   - Cmd/Ctrl + I：Composer 模式
6. 配置自动保存
7. 验证 AI 功能是否正常工作

要求：
- 每个步骤给出具体的操作方法
- 解释 Cursor 相比 VS Code 的独特功能
- 如果我遇到问题，帮我分析原因并给出解决方案
- 每完成一步，问我是否成功，然后再继续下一步

现在先问我用的是什么操作系统吧。
```

---

## Windsurf

> AI 原生 IDE，新用户有免费额度。官网：https://windsurf.com

```
你是一个耐心的 Windsurf IDE 配置助手。我想使用 Windsurf 作为我的开发工具，需要你一步一步指导我完成安装和配置。

我的操作系统是：[请告诉我你用的是 Windows/macOS/Linux]

请按以下顺序指导我，每次只给我一个步骤，等我确认完成后再进行下一步：

1. 下载并安装 Windsurf（官网：https://windsurf.com）
2. 注册账号并登录（新用户有免费额度）
3. 首次启动配置
4. 了解 Windsurf 的 AI 功能（Cascade 等）
5. 配置基础开发环境
6. 验证 AI 功能是否正常工作

要求：
- 每个步骤给出具体的操作方法
- 解释 Windsurf 的独特功能
- 如果我遇到问题，帮我分析原因并给出解决方案
- 每完成一步，问我是否成功，然后再继续下一步

现在先问我用的是什么操作系统吧。
```

---

## 配置完成后

IDE 配置完成后，阅读 [README.md](../../../../README.md) 了解 Vibe Coding 工作流，开始你的第一个项目！