快轉到主要內容
  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
└─ 結尾分支節點
(該層級的最後一個項目)
└── 最後一項 └── 最後一項
垂直延伸線
(用於連接下方更深層的子項目)
│ ├── 項目 │ ├── 項目
── 水平連接線
(用於拉長結構距離)
├─── 項目 ├─── 項目

節點點綴圖示
#

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

分類感框架(適合標記屬性
#

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