tree 的安装和使用

tree的功能是创建文件列表，然后将文件列表以树的形式列出来。每隔一段时间再次使用，都会忘记一些命令，还需要再查一下。遂总结一下，一来加深记忆，二来如果需要查找，会更加方便。

windows 自带 tree 命令，不用安装，只是功能比较少

使用 homebrew 安装 tree

查看 tree 帮助

知道 tree 在windows 中支持 /A 和 /F 参数，小写也可以

下面简单介绍常用的方法

也可以保存成markdown、doc等文件形式。

当然，这些命令可以组合使用。

在 mac 和 linux 中 tree 有很多种用法

如果像在windows中直接使用 tree ，中文文件夹不会显示中文名，比如

如果想要显示中文，可以加上参数-N ，比如

想要在像 windows 中只显示文件夹可以使用 tree -N -d

加上参数可以更加灵活的使用 tree 命令

【参考文章】

http://www.linuxso.com/command/tree.html

这里以vue-element-admin官方文档的目录结构为例，下图就是该项目的目录树

官方提供的安装方式，但是需要挂梯子

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

可以直接在终端中运行其他大佬托管到gitee的安装脚本：

/usr/bin/ruby -e "$(curl -fsSL https://gitee.com/xueweihan/codes/vfrgh7z8qcjlx1ubwt6nk71/raw\?blob_name\=brew_install.sh)"

brew install tree

tree命令行参数:

-a 显示所有文件和目录。

-A 使用ASNI绘图字符显示树状图而非以ASCII字符组合。

-C 在文件和目录清单加上色彩，便于区分各种类型。

-d 显示目录名称而非内容。

-D 列出文件或目录的更改时间。

-f 在每个文件或目录之前，显示完整的相对路径名称。

-F 在执行文件，目录，Socket，符号连接，管道名称名称，各自加上"*","/","=","@","|"号。

-g 列出文件或目录的所属群组名称，没有对应的名称时，则显示群组识别码。

-i 不以阶梯状列出文件或目录名称。

-I 不显示符合范本样式的文件或目录名称。

-l 如遇到性质为符号连接的目录，直接列出该连接所指向的原始目录。

-n 不在文件和目录清单加上色彩。

-N 直接列出文件和目录名称，包括控制字符。

-p 列出权限标示。

-P 只显示符合范本样式的文件或目录名称。

-q 用"?"号取代控制字符，列出文件和目录名称。

-s 列出文件或目录大小。

-t 用文件和目录的更改时间排序。

-u 列出文件或目录的拥有者名称，没有对应的名称时，则显示用户识别码。

-x 将范围局限在现行的文件系统中，若指定目录下的某些子目录，其存放于另一个文件系统上，则将该子目录予以排除在寻找范围外。

├── about.png

├── banner.png

├── layouts

│ └── index.jsx

├── logo.png

├── map.gif

├── mapplus.png

└── pages

├── about

│ ├── Content11.jsx

│ ├── Feature4.jsx

│ ├── Pricing0.jsx

│ ├── data.source.js

│ ├── documentation.md

│ ├── index.jsx

│ ├── less

│ │ ├── antMotionStyle.less

│ │ ├── common.less

│ │ ├── content.less

│ │ ├── content11.less

│ │ ├── custom.less

│ │ ├── edit.less

│ │ ├── feature4.less

│ │ └── pricing0.less

│ ├── team

│ │ ├── Teams2.jsx

│ │ ├── data.source.js

│ │ ├── index.jsx

│ │ ├── less

│ │ │ ├── antMotionStyle.less

│ │ │ ├── common.less

│ │ │ ├── content.less

│ │ │ ├── custom.less

│ │ │ ├── edit.less

│ │ │ └── teams2.less

│ │ └── utils.js

│ └── utils.js

├── big

│ ├── Content9.jsx

│ ├── data.source.js

│ ├── index.jsx

│ ├── less

│ │ ├── antMotionStyle.less

│ │ ├── common.less

│ │ ├── content.less

│ │ ├── content9.less

│ │ ├── custom.less

│ │ └── edit.less

│ └── utils.js

├── index.css

├── index.js

├── last

│ ├── Banner1.jsx

│ ├── Contact0.jsx

│ ├── Content5.jsx

│ ├── Feature0.jsx

│ ├── Feature8.jsx

│ ├── Footer0.jsx

│ ├── Nav3.jsx

│ ├── index.jsx

│ ├── less

│ │ ├── antMotionStyle.less

│ │ ├── banner1.less

│ │ ├── common.less

│ │ ├── contact0.less

│ │ ├── content.less

│ │ ├── content5.less

│ │ ├── custom.less

│ │ ├── edit.less

│ │ ├── feature0.less

│ │ ├── feature8.less

│ │ ├── footer0.less

│ │ └── nav3.less

│ ├── utils.js

│ └── data.source.js

└── news

├── Feature5.jsx

├── documentation.md

├── index.jsx

├── less

│ ├── antMotionStyle.less

│ ├── common.less

│ ├── content.less

│ ├── custom.less

│ ├── edit.less

│ └── feature5.less

├── utils.js

└── data.source.js

---