返回客户端选择

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

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 是否正常工作:

测试方法:

  1. 在 Cursor 中打开你的工作目录
  2. 使用 Ctrl+L (或 Cmd+L) 打开 AI 聊天
  3. 输入测试命令

测试命令:

"使用 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 生成的代码变更

配置完成!🚀

现在你拥有了最强大的AI开发环境:Cursor IDE + VibeCLI