跳过正文
  1. 笔记/

【文字树状图】常用符号与可复制模板(笔记、程式、结构整理)

创作 树状图 模板 Tree Diagram 笔记
目录

文字树状图常用符号与模板范例
快速复制常用的文字树状图模板与符号,
用于笔记、结构、文件整理等。

基本模板
#

主分类
├── 子分类A
│   ├── A1
│   └── A2
└── 子分类B
    ├── B1
    └── B2

三层结构(常用)
#

主分类
├── 分类1
│   ├── 项目1
│   └── 项目2
└── 分类2
    ├── 项目3
    └── 项目4

专案/资料夹结构结构
#

my-project/
├── src/
│   ├── components/
│   │   ├── Header.js
│   │   └── Footer.js
│   └── index.js
├── public/
│   └── index.html
└── package.json

基本结构符号:🛠️ 自由组合
#

整理常用「文字树状图符号」,可自由组合、扩展自己的模板~

符号 用途说明 程式码范例 实际渲染效果
├─ 中间分支节点
(后面还有同层级的项目)
├─ 子项目A ├─ 子项目A
└─ 结尾分支节点
(该层级的最后一个项目)
└── 最后一项 └── 最后一项
垂直延伸线
(用于连接下方更深层的子项目)
│ ├── 项目 │ ├── 项目
── 水平连接线
(用于拉长结构距离)
├─── 项目 ├─── 项目

节点点缀图示
#

● ○ ◎ ◉
■ □ ▢ ▣
◆ ◇
▸ ▹ ▶
📂📄

分类感框架(适合标记属性
#

[ ] ( ) { } < >
【 】 「 」