vibe-coding-cn/documents/01-入门指南/03-IDE配置.md

173 lines
5.6 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 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 + KAI 编辑
- Cmd/Ctrl + LAI 聊天
- Cmd/Ctrl + IComposer 模式
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 工作流,开始你的第一个项目!