Przeglądaj źródła

docs(zh): 重构IDE配置指南以支持多款IDE

- 将  文档结构调整,增加了对 Cursor 和 Windsurf 等 AI 原生 IDE 的配置指导。
- 简化了 VS Code 部分的提示词,使其更紧凑。
tukuaiai 1 miesiąc temu
rodzic
commit
43b13b7825

+ 85 - 45
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 工作流,开始你的第一个项目!