深入理解 tree 命令行工具：目录结构可视化的利器

前言

在日常开发或系统管理中，我们经常需要查看目录的结构。虽然 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，体验它带来的便利吧！