# IDE 配置提示词 > 使用方法:复制下方对应你 IDE 的提示词,粘贴到任意 AI 对话框,AI 会一步步指导你完成配置。 **前置条件**:请先完成 [02-开发环境搭建](./02-开发环境搭建.md) --- ## 选择你的 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 工作流,开始你的第一个项目!