代码画简单动物_如何像写代码一样码出架构图

导言

  • 编写高质量代码,设计是很重要的一环,而设计一般多推荐用图来表达,因为图比文字有更直观的传达能力,在软件架构设计中有流程图、用例图、时序图、状态图、活动图、ER图、类图、对象图等等。

  • 目前阿里小伙伴们在架构设计规范中推荐使用的是C4模型,本文就是主要介绍如何通过配置环境搭建C4模型,然后利用C4模型像写代码一样码出自己的架构图。

C4 模型

  • C4 模型由一系列分层的软件架构图组成,这些架构图用于描述上下文、容器、组件和代码。

  • C4 代表上下文(Context)、容器(Container)、组件(Component)和代码(Code)。

  • 概览

184a7fed33e25b0f01b31c673ca76efd.png

  • Level 1: System Context

64ec37c6d884f437cacdf87486a13d99.png

  • Level 2: Container

a9687a750c3fc3005b7a2a5a038a4e7f.png

  • Level 3: Component

c1d1b7a28d6b1adbc8aa0de055c16888.png

  • Level 4: Code

4e61b35d3a1b744a134bf77a71094c7e.png

接下来将详细介绍在MacOS环境下通过VSCode+<

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值