Mac必备技巧：使用 tree命令快速查看目录结构

在日常开发和管理文件时，我们常常需要快速查看目录结构，尤其是处理 Hugo、WordPress 或其他静态站点项目时，目录层级复杂，很容易迷路。macOS 系统自带的 Finder 可以图形化查看文件，但在终端中以树状结构查看目录更直观、更方便导出 。本文将介绍如何在 Mac 上使用 tree 命令来输出目录结构，并分享一些实用技巧。

1️、安装 tree

macOS 默认没有安装 tree 命令，但可以通过 Homebrew 快速安装：

bash 复制代码

brew install tree

安装完成后，在终端输入 tree 就可以使用了。

2️、基本用法

进入你想查看的目录，例如 Hugo 项目的 content 目录，然后运行：

bash 复制代码

tree

输出示例：

css 复制代码

.
├── de
│   ├── article
│   ├── categories
│   └── tags
├── en
│   ├── article
│   ├── categories
│   └── tags
└── fr
    ├── article
    ├── categories
    └── tags

从上面的输出可以清楚地看到项目的多语言目录结构，每个一级目录就是一个语言版本。

3️、常用参数

tree 命令提供了很多实用选项，可以帮助你定制输出：

显示指定层级

bash 复制代码

tree -L 2

表示只显示两层目录，避免目录太深时输出过长。

显示隐藏文件

bash 复制代码

tree -a

会列出以 . 开头的隐藏文件，例如 .git。

bash 复制代码

tree -d

只输出目录层级，不显示文件。

bash 复制代码

tree -I "node_modules|public"

忽略项目中的 node_modules 和 public 目录，输出更清爽。

4️、导出目录结构到文件

有时候我们需要把目录结构分享给同事或记录文档，可以将输出保存到文本文件：

bash 复制代码

tree -L 4 > structure.txt

或者忽略不必要的文件夹：

bash 复制代码

tree -L 4 -I "node_modules|public|resources" > structure.txt

这样就可以生成一个漂亮的目录树文本，便于发送或归档。

5️、Hugo 项目实用示例

以 Hugo 新闻站为例，项目 content 目录多语言结构可能如下：

css 复制代码

content/
├── de
│   ├── article
│   ├── categories
│   └── tags
├── en
│   ├── article
│   ├── categories
│   └── tags
└── fr
    ├── article
    ├── categories
    └── tags

使用命令：

bash 复制代码

tree -L 3 content

即可快速查看每个语言下的文章、分类和标签目录，非常直观。

6️、小技巧

配合 grep 搜索文件类型

bash 复制代码

tree -f | grep ".md"

可以列出项目中所有 Markdown 文件。

美化输出 安装 tree 后，终端中可以使用彩色输出：

bash 复制代码

tree -C

结合 Hugo 自动化 在 Hugo 项目中，可以把目录结构输出作为文档说明或 sitemap 辅助文件。

总结

tree 命令是 Mac 终端中非常实用的工具，尤其在处理多语言 Hugo 项目、博客、网站开发时，可以快速查看目录结构、导出目录、排查问题。掌握一些参数，还能提升工作效率，让你对项目结构一目了然。