likec4/likec4 Source: https://github.com/likec4/likec4

架构即代码

通过始终最新、由你的代码生成的实时图表，可视化、协作和演进你的软件架构。

文档 - 在线游乐场 - 演示

NPM Version NPM Downloads VSCode Installs Open VSX Installs vscode extension

什么是 LikeC4？为什么叫“like”？

LikeC4 是一种用于描述软件架构的建模语言，以及从模型生成图表的工具。LikeC4 受 C4 模型和 Structurizr DSL 的启发，但提供了更大的灵活性。你可以自定义或定义自己的符号、元素类型以及架构模型中任意多层的嵌套。完美贴合你的需求。

LikeC4 长什么样？

LikeC4 源代码：

specification {
  element system
  element person
  element component
}
model {
  user = person("User")
  frontend = system("Frontend") {
    login = component("Login")
    dashboard = component("Dashboard")
  }
  backend = system("Backend") {
    api = component("API")
    db = component("Database")
  }
  user -> frontend "Uses"
  login -> api "Authenticates"
  api -> db "Reads/Writes"
}
views {
  view index {
    include *
    autoLayout
  }
}

运行 CLI 进行预览：

npx likec4 start

结果：

模板仓库 - likec4/template
已部署 - https://template.likec4.dev/view/index
在 StackBlitz 中打开 - StackBlitz

查看教程 - 快速了解 LikeC4。

获取帮助

我们随时乐意帮助你入门：

• 加入 Discord 社区 – 这是获取帮助的最便捷方式
• GitHub Discussions – 询问任何关于项目的问题或提供反馈

贡献者

成为贡献者

支持开发

LikeC4 是一个 MIT 许可的开源项目，其持续开发完全依赖于你的支持。
如果你喜欢这个项目，请考虑提供经济援助，帮助我们成长和改进。
你可以通过 OpenCollective 或 GitHub Sponsors 支持我们。

许可

本项目基于 MIT 许可 发布。