1、示例

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
|-- babel.config.js
|-- build
|   `-- index.js
|-- jest.config.js
|-- mock
|   |-- index.js
|   |-- mock-server.js
|   |-- table.js
|   `-- user.js
|-- package-lock.json
|-- package.json
|-- postcss.config.js
|-- public
|   |-- favicon.ico
|   `-- index.html
|-- src
|   |-- App.vue
|   |-- api
|   |-- assets
|   |-- components
|   |-- icons
|   |-- layout
|   |-- main.js
|   |-- permission.js
|   |-- router
|   |-- settings.js
|   |-- store
|   |-- styles
|   |-- utils
|   `-- views
|-- tests
|   `-- unit
`-- vue.config.js

2、全局安装 tree

2.1、下载地址

tree-cli

2.2、下载流程

打开下载地址后找到Binaries 点击后面相对应的Zip连接下载即可。下载完成后，解压
Zip文件，找到==D:\ProgramFiles\SoftWare\Developments\tree-1.5.2.2-bin\bin==,将bin目录下的==tree.exe==文件移到git 目录下 ==D:\ProgramFiles\SoftWare\Developments\Git\Git\usr\bin==

3、使用tree

3.1 tree的使用方法

tree命令-一键生成目录结构

3.2 语法

1
tree [OPTIONS] [directory]

3.3 常用的命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
tree -a #显示所有文件和目录。
tree -A #使用ASNI绘图字符显示树状图而非以ASCII字符组合。
tree -C #在文件和目录清单加上色彩，便于区分各种类型。
tree -d #显示目录名称而非内容。
tree -D #列出文件或目录的更改时间。
tree -f #在每个文件或目录之前，显示完整的相对路径名称。
tree -F #根据ls -F，为目录添加一个'/'，为套接字文件添加一个'='，为可执行文件添加一个' *'，为FIFO添加一个' |'
tree -g #列出文件或目录的所属群组名称，没有对应的名称时，则显示群组识别码。
tree -i #不以阶梯状列出文件或目录名称。
tree -I #不显示符合范本样式的文件或目录名称。
tree -l #跟随目录的符号链接，就像它们是目录一样。避免了导致递归循环的链接
tree -n #不在文件和目录清单加上色彩。
tree -N #按原样打印不可打印的字符。
tree -p #列出权限标示。
tree -P #只显示符合范本样式的文件或目录名称。
tree -q #将文件名中的不可打印字符作为问号打印。
tree -s #列出文件或目录大小。
tree -t #用文件和目录的更改时间排序。
tree -u #列出文件或目录的拥有者名称，没有对应的名称时，则显示用户识别码。
tree -x #将范围局限在现行的文件系统中，若指定目录下的某些子目录，其存放于另一个文件系统上，则将该子目录予以排除在寻找范围外。

3.4 常用命令详解

3.4.1 过滤某个文件夹

1
tree -I "node_modules"

windows 下 使用命令 可能会有问题，建议使用 git bash 命令窗口!

3.4.2 使用多个参数

1
tree -I "node_modules" -C -d -N

过滤”node_modules”文件夹，输出的目录带上彩色(-C)，显示目录名而非文件(-d)，结果显示中文树(-N)!

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
39
40
-- docs
    |-- knowledge
    |   |-- backEnd
    |   |-- frontEnd
    |   |   |-- images
    |   |   |-- inductive
    |   |   |   |-- css
    |   |   |   |   `-- images
    |   |   |   |-- elementui
    |   |   |   |   `-- images
    |   |   |   |-- es6
    |   |   |   |-- html
    |   |   |   |-- javascript
    |   |   |   |   `-- images
    |   |   |   |-- nodejs
    |   |   |   |-- practice
    |   |   |   |-- scss
    |   |   |   |-- vue
    |   |   |   |   `-- images
    |   |   |   `-- webpack
    |   |   |       `-- vue-cli
    |   |   |-- learning
    |   |   |   |-- ES6
    |   |   |   |-- css
    |   |   |   |-- html
    |   |   |   |-- javascript
    |   |   |   `-- vue
    |   |   `-- vuepress
    |   |       `-- images
    |   |-- git
    |   |   |-- Git
    |   |   `-- images
    |   |-- server
    |   |   |-- images
    |   |   `-- nginx
    |   `-- tools
    |       |-- linux
    |       |-- webstorm
    |       `-- windows
    `-- timeline

3.4.3 指定目录名输出树

1
tree -P "knowledge" -C -N # 目录名 knowledge

-P参数用来指定目录名,-C为目录名加上彩色标记, -N按原样打印不可打印的字符。

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
39
|-- knowledge
|   |-- backEnd
|   |-- frontEnd
|   |   |-- images
|   |   |-- inductive
|   |   |   |-- css
|   |   |   |   `-- images
|   |   |   |-- elementui
|   |   |   |   `-- images
|   |   |   |-- es6
|   |   |   |-- html
|   |   |   |-- javascript
|   |   |   |   `-- images
|   |   |   |-- nodejs
|   |   |   |-- practice
|   |   |   |-- scss
|   |   |   |-- vue
|   |   |   |   `-- images
|   |   |   `-- webpack
|   |   |       `-- vue-cli
|   |   |-- learning
|   |   |   |-- ES6
|   |   |   |-- css
|   |   |   |-- html
|   |   |   |-- javascript
|   |   |   `-- vue
|   |   `-- vuepress
|   |       `-- images
|   |-- git
|   |   |-- Git
|   |   `-- images
|   |-- server
|   |   |-- images
|   |   `-- nginx
|   `-- tools
|       |-- linux
|       |-- webstorm
|       `-- windows
`-- timeline