VS Code + Midjourney MCP：让 Copilot 帮你出图，README 再也不丑了做开源项目的开发

做开源项目的开发者，大多有个共同的困扰：明明代码写得扎实，Star 数却始终上不去。深究原因不难发现，很多时候问题出在 README 的“第一眼印象”——没有吸睛的 Hero Image，没有直观的概念示意图，通篇纯文字堆砌，即便内容再优质，也很难让潜在使用者有点击深入的欲望。

请专业设计师成本太高，自己上手 Figma 又耗时费力，其实不用这么麻烦：在 VS Code 编辑器内，就能让 Copilot 直接调用 Midjourney 生成图片，无需切换任何工具，利用编码间隙就能搞定各类视觉素材，轻松让你的项目 README 质感翻倍，吸引力拉满。

获取 API Token

要使用 Midjourney MCP Server 实现 VS Code 内出图，首先需要获取 AceData Cloud 的 API Token。整个获取过程简单便捷，无需复杂操作，注册即可获得免费使用额度，完全能满足日常开发出图需求：

打开 AceData ，支持 GitHub、Google 或微信三种登录方式，注册成功后，系统会自动为你分配免费使用额度，足够应对日常出图、测试等场景。
登录平台后，在首页显眼位置就能看到你的专属 API Token，点击 Token 旁的复制按钮，即可快速获取（参考页面示意图：share.acedata.cloud/r/1uKgqB0fo…），建议复制后妥善保存，方便后续配置使用。

提示：一个 API Token 可通用所有 MCP Server 服务，包括 AI 音乐生成、视频生成、网页搜索等，无需为每个服务单独申请，一次获取，多场景复用，大幅提升使用效率。

配置 VS Code

为 VS Code 配置 Midjourney MCP，提供两种实用方案，新手优先推荐方式二（安装扩展），全程一键操作，省时省力；熟悉配置流程的开发者，可选择方式一（手动配置），灵活适配自身开发环境。

方式一：手动配置（灵活可控，适配进阶开发者）

在你的项目根目录下，新建 .vscode/mcp.json 配置文件，复制以下代码，将代码中的“你的Token”替换为之前获取的 AceData Cloud API Token，保存文件后即可完成配置：


{
  "servers": {
    "midjourney": {
      "type": "streamable-http",
      "url": "https://midjourney.mcp.acedata.cloud/mcp",
      "headers": {
        "Authorization": "Bearer 你的Token"
      }
    }
  }
}

补充说明：配置文件中“type”字段建议填写“streamable-http”，该格式可完美适配 AceData Cloud MCP 服务的传输模式，有效保障出图请求稳定响应，避免出现连接失败、响应超时等问题。

方式二：安装扩展（简单高效，新手首选）

打开 VS Code 编辑器，按下快捷键 Ctrl+Shift+X（Windows 系统）或 Cmd+Shift+X（Mac 系统），快速打开扩展商店；
在扩展商店搜索框中输入 AceData Cloud MCP，找到对应扩展后点击“安装”。该扩展完全免费，内置 11 个 AI 服务的 MCP 服务器，无需单独配置其他服务，一步到位；
扩展安装完成后，按照弹出的提示指引，粘贴之前获取的 API Token，扩展会自动完成所有配置，重启 VS Code 后，即可正常调用 Midjourney 出图。

注意：该扩展目前已标注“retired”（停用）标识，但经实测仍可正常使用，配置后不会影响 Midjourney 出图功能，开发者可放心安装配置。

开发者怎么用 Midjourney（高频场景）

配置完成后，无需切换到 Discord 或其他平台，直接在 VS Code 的 Copilot Chat 中输入提示词，即可快速调用 Midjourney 生成图片，高效适配开发者的各类视觉素材需求。以下整理了 3 个高频使用场景及可直接复用的示例提示词，修改主题即可快速使用：

场景1：开源项目的 Social Preview（项目封面图）

适配 GitHub 项目首页的封面图，建议尺寸设置为 1280x640，贴合平台展示比例，示例提示词：

帮我生成一张 1280x640 的 GitHub Social Preview 图，主题是分布式任务调度框架，有齿轮、时钟和节点连线，扁平设计，深蓝配渐变紫，简洁大气，符合技术项目调性

场景2：技术文档的架构概念图

用于 README 中的架构说明部分，直观呈现项目结构，降低阅读门槛，示例提示词：

生成一张等距视角的微服务架构概念图，6个不同颜色的立方体代表不同服务，之间有发光的数据流连线，暗色背景，科技感强烈，细节清晰，适配技术文档插入

场景3：把参考图融合成新设计

整合现有设计元素，生成贴合项目风格的全新素材，无需从零设计，示例提示词：

把这三张截图的设计元素融合到一起，生成一个全新的 SaaS Dashboard 设计概念图，保持界面简洁，配色统一，突出数据可视化模块，适配技术产品风格

完整工具列表

Midjourney MCP 内置 6 种核心工具，全面覆盖图片生成、编辑、视频转换等核心需求，适配开发者各类视觉素材制作场景，具体功能如下：

工具	说明
imagine	核心出图工具，可通过文本提示词生成图片，支持自定义尺寸、风格、细节，满足不同场景出图需求
blend	可混合多张图片的设计元素，生成全新创意图片，适合整合现有素材、快速迭代设计方案
describe	AI 自动识别图片内容，生成对应的文本提示词，方便二次修改图片、复用设计思路
edits	图片编辑工具，支持局部重绘、生成图片变体、放大细节等操作，快速优化图片效果
video	可通过图片生成短视频，适用于项目演示、动态封面、产品介绍等场景，丰富素材形式
translate	将中文提示词精准翻译为英文，适配 Midjourney 对英文提示词的识别优势，让生成的图片更贴合预期

其他编辑器配置

除了 VS Code，Midjourney MCP 还支持多种主流开发者编辑器，配置逻辑与 VS Code 基本一致，核心配置内容不变，可根据自身常用编辑器灵活选择，具体配置方式如下：

Cursor：在项目根目录创建 .cursor/mcp.json 文件，在 mcpServers 节点下，粘贴与 VS Code 相同的 Midjourney 配置内容，保存后即可使用。
Claude Code：通过终端命令行进行配置，具体操作步骤可参考 Claude Code + Midjourney MCP 教程，配置完成后，可在终端直接调用 Midjourney 出图，无需打开编辑器。
Windsurf：在项目根目录创建 .windsurf/mcp.json 文件，配置格式与 Cursor 完全一致，粘贴对应配置内容后，重启编辑器即可正常使用。

VS Code + Midjourney MCP：让 Copilot 帮你出图，README 再也不丑了