生成目录结构,居然这么简单!


今天听朋友说在写目录文档,就像下面这样,他说他在纯手写,我说这么多文件名你一个一个自己敲的?他说对啊。。。

我说这他吗不得敲自闭啊!这种东西怎么可能纯手敲!

作为懒癌患者的我,去网络世界寻找了答案~

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
.
├── Jenkinsfile
├── LICENSE
├── README.md
├── build
│   ├── build.js
│   ├── check-versions.js
│   ├── utils.js
│   ├── vue-loader.conf.js
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── config
│   ├── dev.env.js
│   ├── index.js
│   └── prod.env.js
├── dist
│   ├── index.html
│   └── static
├── dist.zip
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── src
│   ├── App.vue
│   ├── api
│   │   └── service.js
│   ├── assets
│   ├── components
│   ├── main.js
│   ├── router
│   ├── styles
│   ├── utils
│   └── views
└── static

16 directories, 43 files

1.mac安装brew install tree

打开终端输入brew install tree, (brew的安装可以自行百度哈~)

安装好之后就可以使用tree命令啦!

2.常用的tree命令

1
2
3
4
5
$ tree -a 显示所有文件和目录
$ tree -d 显示所有文件名
$ tree -L n 显示项目的层级。n表示层级数。比如想要显示项目三层结构,可以用tree -l 3
$ tree -I pattern 用于过滤不想要显示的文件或者文件夹。比如你想要过滤项目中的node_modules文件夹,可以使用tree -I "node_modules"
$ tree > README.md 将项目结构输出到README.md这个文件。

举个🌰

如果想生成目录下三层的文件目录,并且过滤掉node_moudles,生成一个README.md文件,可以直接在终端输入

1
$ tree -L 3 -I "node_modules" > README.md

执行的非常快,执行完在文件根目录下你就会发现README.md这个文件了,打开看看,哇塞,好棒哦,比纯手敲的好一万倍!

总结

tree命令的使用没有任何难度,最大的难度应该就是brew的安装,我当初也是安装了一早上才装好,但是装后,真的是太好使了,不愧是mac必备!

坚持原创技术分享,您的支持将鼓励我继续创作!