diff --git a/i18n/zh/documents/从零开始vibecoding/03-IDE配置.md b/i18n/zh/documents/从零开始vibecoding/03-IDE配置.md index b00158d..9039b50 100644 --- a/i18n/zh/documents/从零开始vibecoding/03-IDE配置.md +++ b/i18n/zh/documents/从零开始vibecoding/03-IDE配置.md @@ -1,12 +1,22 @@ # IDE 配置提示词 -> 使用方法:复制下方对应你设备的提示词,粘贴到任意 AI 对话框,AI 会一步步指导你完成 VS Code 配置。 +> 使用方法:复制下方对应你 IDE 的提示词,粘贴到任意 AI 对话框,AI 会一步步指导你完成配置。 **前置条件**:请先完成 [02-开发环境搭建](./02-开发环境搭建.md) --- -## 🪟 Windows + WSL 用户提示词 +## 选择你的 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 开发体验。 @@ -16,27 +26,20 @@ 1. 在 Windows 上安装 VS Code(如果还没装) 2. 安装 Remote - WSL 扩展 3. 通过 WSL 打开项目文件夹 -4. 安装基础开发扩展: - - GitLens(Git 增强) - - Prettier(代码格式化) - - ESLint(代码检查) - - Local History(本地历史记录) +4. 安装基础开发扩展(GitLens、Prettier、ESLint、Local History) 5. 配置终端默认使用 WSL 6. 配置自动保存和格式化 7. 验证配置是否正常工作 要求: - 每个步骤给出具体的操作方法 -- 用简单易懂的语言解释每个配置的作用 - 如果我遇到问题,帮我分析原因并给出解决方案 - 每完成一步,问我是否成功,然后再继续下一步 现在开始第一步吧。 ``` ---- - -## 🪟 Windows 原生用户提示词 +### 🪟 Windows 原生用户 ``` 你是一个耐心的 VS Code 配置助手。我使用 Windows 系统(不使用 WSL),现在需要你一步一步指导我配置 VS Code。 @@ -44,12 +47,7 @@ 请按以下顺序指导我,每次只给我一个步骤,等我确认完成后再进行下一步: 1. 安装 VS Code(如果还没装) -2. 安装基础开发扩展: - - GitLens(Git 增强) - - Prettier(代码格式化) - - ESLint(代码检查) - - Local History(本地历史记录) - - Python(如果写 Python) +2. 安装基础开发扩展(GitLens、Prettier、ESLint、Local History) 3. 配置终端使用 PowerShell 或 Git Bash 4. 配置自动保存和格式化 5. 配置 Git 集成 @@ -57,16 +55,13 @@ 要求: - 每个步骤给出具体的操作方法 -- 用简单易懂的语言解释每个配置的作用 - 如果我遇到问题,帮我分析原因并给出解决方案 - 每完成一步,问我是否成功,然后再继续下一步 现在开始第一步吧。 ``` ---- - -## 🍎 macOS 用户提示词 +### 🍎 macOS 用户 ``` 你是一个耐心的 VS Code 配置助手。我使用 macOS 系统,现在需要你一步一步指导我配置 VS Code。 @@ -74,28 +69,20 @@ 请按以下顺序指导我,每次只给我一个步骤,等我确认完成后再进行下一步: 1. 安装 VS Code(通过 Homebrew 或官网) -2. 配置 code 命令行工具(在终端中用 code 打开文件) -3. 安装基础开发扩展: - - GitLens(Git 增强) - - Prettier(代码格式化) - - ESLint(代码检查) - - Local History(本地历史记录) +2. 配置 code 命令行工具 +3. 安装基础开发扩展(GitLens、Prettier、ESLint、Local History) 4. 配置自动保存和格式化 -5. 配置快捷键(可选:Vim 模式) -6. 验证配置是否正常工作 +5. 验证配置是否正常工作 要求: - 每个步骤给出具体的操作方法 -- 用简单易懂的语言解释每个配置的作用 - 如果我遇到问题,帮我分析原因并给出解决方案 - 每完成一步,问我是否成功,然后再继续下一步 现在开始第一步吧。 ``` ---- - -## 🐧 Linux 用户提示词 +### 🐧 Linux 用户 ``` 你是一个耐心的 VS Code 配置助手。我使用 Linux 系统(Ubuntu/Debian),现在需要你一步一步指导我配置 VS Code。 @@ -103,19 +90,13 @@ 请按以下顺序指导我,每次只给我一个步骤,等我确认完成后再进行下一步: 1. 安装 VS Code(通过 apt 或 snap) -2. 安装基础开发扩展: - - GitLens(Git 增强) - - Prettier(代码格式化) - - ESLint(代码检查) - - Local History(本地历史记录) +2. 安装基础开发扩展(GitLens、Prettier、ESLint、Local History) 3. 配置自动保存和格式化 4. 配置终端集成 -5. 配置快捷键(可选:Vim 模式) -6. 验证配置是否正常工作 +5. 验证配置是否正常工作 要求: - 每个步骤给出具体的操作方法 -- 用简单易懂的语言解释每个配置的作用 - 如果我遇到问题,帮我分析原因并给出解决方案 - 每完成一步,问我是否成功,然后再继续下一步 @@ -124,9 +105,68 @@ --- +## 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 的独特功能 +- 如果我遇到问题,帮我分析原因并给出解决方案 +- 每完成一步,问我是否成功,然后再继续下一步 + +现在先问我用的是什么操作系统吧。 +``` + +--- + ## 配置完成后 -VS Code 配置完成后,你可以: - -1. 继续阅读 [04-AI编程工具](./04-AI编程工具.md) 安装 AI CLI 工具 -2. 或直接阅读 [README.md](../../../../README.md) 了解 Vibe Coding 工作流 +IDE 配置完成后,阅读 [README.md](../../../../README.md) 了解 Vibe Coding 工作流,开始你的第一个项目!