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

说个扎心的事实:很多优秀的开源项目,Star 数上不去不是因为代码差,是因为 README 第一眼看上去太平了。没有 Hero Image,没有概念图,一堆纯文字。

设计师请不起,自己又不会 Figma。其实你在 VS Code 里就能解决这个问题——让 Copilot 调 Midjourney 给你出图。

获取 API Token

使用 Midjourney MCP Server 之前,你需要一个 AceData Cloud 的 API Token。获取方式非常简单:

  1. 打开 AceData Cloud 平台,支持 GitHub、Google 或微信登录,注册后自动获得免费额度
  2. 登录后,在首页即可看到你的 API Token,点击复制按钮即可获取

AceData Cloud 平台首页 Token

  1. 如果额度用完,可以前往 控制台 充值,支持支付宝、微信和 Stripe

一个 Token 即可使用所有 MCP Server,无需为每个服务单独申请。

配置 VS Code

有两种方式:

方式一:手动配置

在项目根目录创建 .vscode/mcp.json

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

方式二:安装扩展(更简单)

在 VS Code 扩展商店搜索 AceData Cloud MCP,安装后填入 Token 即可自动配置。

开发者怎么用 Midjourney

开源项目的 Social Preview

帮我生成一张 1280x640 的 GitHub Social Preview 图,主题是分布式任务调度框架,有齿轮、时钟和节点连线,扁平设计,深蓝配渐变紫

技术文档的架构概念图

生成一张等距视角的微服务架构概念图,6个不同颜色的立方体代表不同服务,之间有发光的数据流连线,暗色背景

把参考图融合成新设计

把这三张截图的设计元素融合到一起,生成一个全新的 SaaS Dashboard 设计概念图

完整工具列表

工具 说明
imagine 文本生成图片
blend 混合多张图片
describe AI 描述图片内容
edits 图片编辑(局部重绘、变体)
video 图片生成视频
translate 翻译为英文描述

其他编辑器配置

  • Cursor.cursor/mcp.jsonmcpServers 下添加同样配置
  • Claude Codeclaude mcp add midjourney --transport http https://midjourney.mcp.acedata.cloud/mcp -h "Authorization: Bearer 你的Token"
  • Windsurf.windsurf/mcp.json,格式同 Cursor
Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐