### 前言

作为一个 Java 后端开发，相信大家跟我一样，每次搭建开发环境或者部署微服务时，手写 docker-compose.yml 都是一种折磨。

• 缩进错了一格，启动直接报错。
• 忘记 MySQL 的环境变量名是 MYSQL_ROOT_PASSWORD 还是 MYSQL_PASSWORD。
• 想配个 Nginx 反代，却忘了 link 和 networks 怎么写。
• 微服务一多，几百行配置看得头皮发麻。

为了解决这个问题，利用业余时间，我开发了一款 Visual Docker Compose (可视化 Docker 编排生成器)。不仅为了自己偷懒，也希望能帮到有同样烦恼的兄弟们。

🚀 在线体验：https://compose.anarkh.site/
⭐ GitHub (求 Star)：https://github.com/Anarkh-Lee/visual-docker-compose

---

✨ 它能做什么？

1. 可视化架构设计

核心基于 React Flow，拒绝枯燥的代码编辑。你可以像画流程图一样，从左侧拖拽组件到画布，通过连线清晰地展示服务之间的依赖关系。所见即所得，逻辑一目了然。

2. 组件库全覆盖

目前已内置了主流的技术栈，不用再去翻 Docker Hub 查 Tag 和 Env 了：

• 后端：Spring Boot, Node.js, Python, Go, PHP…
• 数据库：MySQL, Redis, MongoDB, PostgreSQL, Neo4j, ClickHouse…
• 中间件：RabbitMQ, Kafka, Nacos, Sentinel, MinIO…
• DevOps 特色：专门支持了 K3s (轻量级 K8s) 和 Dind (Docker-in-Docker)，方便大家在本地快速搭建集群测试环境！

3. 配置零门槛 & 防呆设计

右侧属性面板内置了常用的环境变量、端口映射和挂载配置。

• 不用担心缩进错误。
• 不用担心参数拼写错误。
• 支持 全局 .env 变量管理，生成的 YAML 文件干净、规范，符合生产最佳实践。

4. 隐私安全

这是一个纯前端项目（Serverless），部署在 Cloudflare Pages 上。所有数据处理均在您的浏览器本地完成，不会上传到任何服务器。您的架构图和配置绝对安全。

---

🖼️ 效果演示

---

🛠️ 技术栈

本项目完全开源，感兴趣的同学可以去 GitHub 看看源码：

• 框架: React + Vite
• 可视化: React Flow
• UI 组件: Shadcn/UI + TailwindCSS
• 部署: Cloudflare Pages

---

👋 结语

这是一个完全开源的项目，初心就是为了提高开发效率。如果你也受够了手撸 YAML，欢迎试用！

目前项目还在快速迭代中，未来计划加入 Nginx 配置一键生成 和 旧配置反向导入 功能。

如果这个工具帮到了你，希望能在 GitHub 上点一颗小星星 ⭐ 支持一下，这也是我持续更新组件库的最大动力！有问题欢迎在 Issue 区提出。

👉 GitHub 传送门：https://github.com/Anarkh-Lee/visual-docker-compose