tree 命令的小技巧

⚠️以下代码基于MacOS系统进行测试。

macOS 默认不支持tree命令，需要单独安装：brew install tree -g

一般写文档时，会需要展示项目目录结构，就像下面：

.
├── assets  // 存放静态资源
├── config  // 配置文件
├── controllers // 控制器 MVC 中的C
├── middleware // 中间件
├── models  // MVC 中的M
├── tests   // 测试
├── utils   // 工具方法
└── views   // MVC 中的C, 页面模版

tree 就是可以生成目录结构文本的一个命令。

直接运行tree命令，会打印当前目录下的所有目录及文件。

image.png

我们一般只需要展示目录结构就可以了。这时候，可以加个过滤条件，隐藏不需要列出的文件及目录：

image.png

我们还可以将多个过滤条件组合在一起：

image.png

上面的命令过滤 了 *.txt文件及dir2目录

前端项目常用命令：

tree -I '*.js|node_modules|*.md|*.json|*.css|*.ht