返回客户端选择

Claude Desktop 配置指南

最简单直观的AI客户端配置

推荐使用

配置概览

Claude Desktop 是使用 VibeCLI 最简单的方式,通过自然语言对话即可创建完整项目

2分钟
配置时间
简单
难度等级
稳定
支持状态
1

下载并安装 Claude Desktop

从官方网站下载适合你操作系统的版本

访问 Claude Desktop 官方下载页面,选择适合你操作系统的版本:

下载 Claude Desktop
提示:下载完成后,按照正常软件安装流程完成安装。 macOS 用户可能需要在系统偏好设置的安全性与隐私中允许应用运行。
2

安装 VibeCLI MCP 服务器

全局安装 VibeCLI 工具包

打开终端(Terminal)或命令提示符,运行以下命令:

npm install -g vibe-cli-tool@latest
安装成功标志:看到 "installed successfully" 信息即表示安装完成。 当前版本:v1.2.8
3

配置 MCP 服务器

在 Claude Desktop 中添加 VibeCLI 配置

找到 Claude Desktop 配置文件并添加 VibeCLI MCP 服务器配置:

配置文件位置:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\\Claude\\claude_desktop_config.json

配置内容:

claude_desktop_config.json
{
  "mcpServers": {
    "vibecli": {
      "command": "npx",
      "args": ["-y", "--package=vibe-cli-tool@latest", "vibecli-mcp-server"],
      "env": {
        "NODE_ENV": "production"
      }
    }
  }
}
重要:配置完成后需要重启 Claude Desktop 应用才能生效。
4

验证配置

测试 VibeCLI 是否正常工作

重启 Claude Desktop 后,测试 VibeCLI 是否正常工作:

测试命令:

"我想创建一个简单的博客网站,包含文章列表和详情页"

成功标志:

  • • Claude 理解你的需求并开始分析项目
  • • 显示技术栈推荐(如 Next.js + TypeScript)
  • • 询问项目路径和具体配置选项
  • • 开始生成项目文件结构

常见问题解决

配置文件找不到

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

MCP 服务器无法启动

确保已全局安装 vibe-cli-tool,运行: npm list -g vibe-cli-tool

权限错误

macOS/Linux 用户可能需要使用 sudo 安装: sudo npm install -g vibe-cli-tool

配置完成!🎉

现在你可以在 Claude Desktop 中用自然语言创建任何 Web 项目了