⚠️以下代码基于MacOS系统进行测试。
macOS 默认不支持tree命令,需要单独安装:brew install tree -g
一般写文档时,会需要展示项目目录结构,就像下面:
.
├── assets // 存放静态资源
├── config // 配置文件
├── controllers // 控制器 MVC 中的C
├── middleware // 中间件
├── models // MVC 中的M
├── tests // 测试
├── utils // 工具方法
└── views // MVC 中的C, 页面模版
tree 就是可以生成目录结构文本的一个命令。
直接运行tree命令,会打印当前目录下的所有目录及文件。

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

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

上面的命令过滤 了 *.txt文件及dir2目录
前端项目常用命令:
tree -I '*.js|node_modules|*.md|*.json|*.css|*.ht
网友评论