---

前言

在日常開發或系統管理中，我們經常需要查看目錄的結構。雖然 ls 命令可以列出目錄內容，但當目錄層級較深時，ls 的輸出可能不夠直觀。這時，tree 命令行工具就派上了用場。它能夠以樹狀結構展示目錄內容，幫助我們更清晰地理解目錄的組織方式。

本文將深入介紹 tree 命令的使用方法、常見選項以及實際應用場景，幫助你更好地掌握這一實用工具。

比如 unibest 的 目錄結構就是基于此生成的：
在根目錄執行：

tree -I node_modules -I dist -I .git -a > tree.md

會在根目錄生成一個 tree.md 文件

.
├── .editorconfig
├── .eslintignore
├── .eslintrc-auto-import.json
├── .eslintrc.cjs
├── .gitignore
├── .husky
├── .npmrc
├── .prettierignore
├── .prettierrc.cjs
├── .stylelintignore
├── .stylelintrc.cjs
├── .vscode
├── LICENSE
├── README.md
├── commitlint.config.cjs
├── env
│   ├── .env
│   ├── .env.development
│   ├── .env.production
│   └── .env.test
├── favicon.ico
├── index.html
├── manifest.config.ts
├── package.json
├── pages.config.ts
├── src
│   ├── App.vue
│   ├── components
│   │   └── .gitkeep
│   ├── env.d.ts
│   ├── hooks
│   │   ├── .gitkeep
│   │   ├── useRequest.ts
│   │   └── useUpload.ts
│   ├── interceptors
│   │   ├── index.ts
│   │   ├── prototype.ts
│   │   ├── request.ts
│   │   └── route.ts
│   ├── layouts
│   │   ├── default.vue
│   │   └── demo.vue
│   ├── main.ts
│   ├── manifest.json
│   ├── pages
│   │   ├── about
│   │   │   ├── about.vue
│   │   │   └── components
│   │   │   ├── request.vue
│   │   │   └── upload.vue
│   │   └── index
│   │   └── index.vue
│   ├── pages-sub
│   │   └── demo
│   │   └── index.vue
│   ├── pages.json
│   ├── service
│   │   └── index
│   │   └── foo.ts
│   ├── static
│   │   ├── images
│   │   │   └── .gitkeep
│   │   ├── logo.svg
│   │   └── tabbar
│   │   ├── example.png
│   │   ├── exampleHL.png
│   │   ├── home.png
│   │   ├── homeHL.png
│   │   ├── personal.png
│   │   └── personalHL.png
│   ├── store
│   │   ├── index.ts
│   │   └── user.ts
│   ├── style
│   │   └── index.scss
│   ├── types
│   │   ├── auto-import.d.ts
│   │   ├── global.d.ts
│   │   ├── shims-uni.d.ts
│   │   └── uni-pages.d.ts
│   ├── typings.ts
│   ├── uni.scss
│   ├── uni_modules
│   │   └── .gitkeep
│   └── utils
│   ├── http.ts
│   ├── index.ts
│   └── platform.ts
├── tsconfig.json
├── uni-pages.d.ts
├── uno.config.ts
└── vite.config.ts

–

1. 什么是 tree 命令？

tree 是一個用于以樹狀結構顯示目錄內容的命令行工具。它會遞歸地列出指定目錄下的所有文件和子目錄，并以層次化的方式展示，類似于一棵樹的分支結構。

安裝 tree

在大多數 Linux 發行版中，tree 并未預裝，但可以通過包管理器輕松安裝：

• Debian/Ubuntu:

sudo apt install tree

• CentOS/RHEL:

sudo yum install tree

• macOS (通過 Homebrew):

brew install tree

安裝完成后，輸入 tree 命令即可查看當前目錄的樹狀結構。

2. tree 的基本用法

顯示當前目錄的樹狀結構

tree

運行上述命令后，tree 會遞歸地列出當前目錄下的所有文件和子目錄，并以樹狀結構展示。

顯示指定目錄的樹狀結構

tree /path/to/directory

通過指定路徑，可以查看任意目錄的樹狀結構。

3. tree 的常用選項

tree 提供了豐富的選項，可以根據需求定制輸出。以下是一些常用的選項：

3.1 顯示隱藏文件

默認情況下，tree 不會顯示以 . 開頭的隱藏文件。使用 -a 選項可以顯示所有文件：

tree -a

3.2 排除特定目錄或文件

使用 -I 選項可以排除指定的目錄或文件。例如，排除 node_modules 和 .git 目錄：

tree -I "node_modules|.git"

3.3 限制遞歸深度

使用 -L 選項可以限制遞歸的深度。例如，只顯示兩層目錄：

tree -L 2

3.4 顯示文件大小

使用 -h 選項可以以人類可讀的格式顯示文件大小：

tree -h

3.5 顯示文件的權限信息

使用 -p 選項可以顯示文件的權限信息：

tree -p

3.6 將輸出保存到文件

使用重定向符號 > 可以將 tree 的輸出保存到文件中。例如，將目錄結構保存到 tree.md：

tree -I "node_modules|dist|.git" -a > tree.md

4. 實際應用場景

4.1 項目文檔化

在開發項目中，目錄結構可能會非常復雜。使用 tree 命令可以快速生成目錄結構，并將其保存為 Markdown 文件，方便團隊成員理解項目布局。

4.2 排除無關目錄

在大型項目中，某些目錄（如 node_modules 或 dist）可能包含大量文件，但這些文件通常不需要展示。通過 -I 選項可以輕松排除這些目錄，使輸出更加簡潔。

4.3 快速查看目錄內容

當需要快速了解某個目錄的結構時，tree 命令比 ls 更加直觀。特別是當目錄層級較深時，tree 的樹狀結構能夠清晰地展示目錄關系。

5. 高級用法

5.1 結合正則表達式排除文件

tree 支持使用正則表達式排除文件。例如，排除所有以 .log 結尾的文件：

tree -I ".*\.log"

5.2 生成 JSON 或 XML 格式的輸出

tree 支持將目錄結構導出為 JSON 或 XML 格式，方便進一步處理。例如，生成 JSON 格式的輸出：

tree -J

5.3 自定義輸出格式

通過 --charset 和 --filelimit 等選項，可以自定義 tree 的輸出格式。例如，限制每個目錄顯示的文件數量：

tree --filelimit 10

6. 總結

tree 是一個功能強大且靈活的命令行工具，能夠以樹狀結構清晰地展示目錄內容。無論是用于項目文檔化、快速查看目錄結構，還是排除無關文件，tree 都能大大提高工作效率。

通過本文的介紹，相信你已經對 tree 命令有了更深入的了解。趕快嘗試在你的項目中使用 tree，體驗它帶來的便利吧！