返回客户端选择
Cursor IDE 配置指南
专为AI开发设计的代码编辑器
推荐使用
配置概览
Cursor IDE 集成了强大的AI能力,配合 VibeCLI 可以实现代码编辑和项目生成的无缝体验
3分钟
配置时间
简单
难度等级
完全支持
支持状态
1
下载并安装 Cursor IDE
下载这个专为AI开发设计的编辑器
Cursor 是基于 VS Code 构建的AI代码编辑器,提供了强大的AI编程辅助功能:
下载 Cursor IDE特色功能:
- • AI 代码补全和生成
- • 自然语言编程
- • 智能重构和调试
- • 与现有 VS Code 扩展兼容
2
安装 VibeCLI MCP 服务器
全局安装 VibeCLI 工具包
打开终端(Terminal)或 Cursor 内置终端,运行以下命令:
npm install -g vibe-cli-tool@latest
安装提示:在 Cursor 中可以使用 Ctrl+` (或 Cmd+`) 打开内置终端运行命令。
3
创建 MCP 配置文件
在项目根目录创建 .cursor/mcp.json 配置
在你的项目根目录创建 MCP 配置文件:
1. 创建配置目录和文件:
mkdir .cursor
touch .cursor/mcp.json
touch .cursor/mcp.json
2. 配置文件内容:
.cursor/mcp.json
{ "mcpServers": { "vibecli": { "command": "npx", "args": ["-y", "--package=vibe-cli-tool@latest", "vibecli-mcp-server"], "env": { "NODE_ENV": "production" } } } }
注意:配置文件需要在项目根目录创建。如果是新项目,建议先创建一个空的文件夹作为工作目录。
4
验证配置
测试 VibeCLI 是否正常工作
重启 Cursor IDE 后,测试 VibeCLI 是否正常工作:
测试方法:
- 在 Cursor 中打开你的工作目录
- 使用 Ctrl+L (或 Cmd+L) 打开 AI 聊天
- 输入测试命令
测试命令:
"使用 VibeCLI 创建一个 Todo 应用,包含添加、删除和标记完成功能"
成功标志:
- • Cursor 识别到 VibeCLI MCP 服务器
- • 开始项目分析和技术栈推荐
- • 生成项目文件结构
- • 可以在文件树中看到生成的代码
Cursor 专属技巧
快捷键:
Ctrl+L (Cmd+L): 打开AI聊天
Ctrl+K (Cmd+K): 行内AI编辑
Ctrl+` (Cmd+`): 打开终端
Ctrl+Shift+L: 全局AI聊天
最佳实践:
- • 使用 @workspace 标签让AI了解整个项目上下文
- • 结合 VibeCLI 生成项目骨架,用 Cursor AI 完善细节
- • 利用 Cursor 的代码预览功能查看生成效果
- • 使用版本控制(Git)跟踪 AI 生成的代码变更