mirror of
https://github.com/tradecatlabs/vibe-coding-cn.git
synced 2026-08-04 06:37:44 +00:00
docs(zh): 重构IDE配置指南以支持多款IDE
- 将 文档结构调整，增加了对 Cursor 和 Windsurf 等 AI 原生 IDE 的配置指导。 - 简化了 VS Code 部分的提示词，使其更紧凑。
This commit is contained in:
tukuaiai
@@ -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 工作流，开始你的第一个项目！
|
||||
|
||||
Reference in New Issue
Block a user