Mac 生成项目目录树形结构

# 安装 tree
brew install tree

# 安装后在文件夹内执行
tree

# 更多命令查看帮助
tree --help

# 只显示文件夹
tree -d 

# tree -L n 要显示项目的层级。n为层级数 
# 比如我要显示每个目录往下两级 
tree -L 2

# tree -I pattern 过滤不想显示的文件或者文件夹。
# 比如我要过滤node依赖还有src文件夹 
tree -I 'node_modules|src'

# 将项目结构输出到 tree.txt 这个文件
tree > tree.txt 


常用命令
一定要注意大小写!


全部命令
-a 显示所有文件和目录。
-A 使用ASNI绘图字符显示树状图而非以ASCII字符组合。
-C 在文件和目录清单加上色彩,便于区分各种类型。
-d 显示目录名称而非内容。
-D 列出文件或目录的更改时间。
-f 在每个文件或目录之前,显示完整的相对路径名称。
-F 在执行文件,目录,Socket,符号连接,管道名称名称,各自加上"*","/","=","@","|"号。
-g 列出文件或目录的所属群组名称,没有对应的名称时,则显示群组识别码。
-i 不以阶梯状列出文件或目录名称。
-I<范本样式> 不显示符合范本样式的文件或目录名称。
-l 如遇到性质为符号连接的目录,直接列出该连接所指向的原始目录。
-n 不在文件和目录清单加上色彩。
-N 直接列出文件和目录名称,包括控制字符。
-p 列出权限标示。
-P<范本样式> 只显示符合范本样式的文件或目录名称。
-q 用"?"号取代控制字符,列出文件和目录名称。
-s 列出文件或目录大小。
-t 用文件和目录的更改时间排序。
-u 列出文件或目录的拥有者名称,没有对应的名称时,则显示用户识别码。
-x 将范围局限在现行的文件系统中,若指定目录下的某些子目录,其存放于另一个文件系统上,则将该子目录予以排除在寻找范围外。
看看输出效果:

tree src
src
├── App.vue
├── api
│   ├── table.js
│   └── user.js
├── assets
│   └── 404_images
│       ├── 404.png
│       └── 404_cloud.png
├── components
│   ├── Breadcrumb
│   │   └── index.vue
│   ├── Hamburger
│   │   └── index.vue
│   └── SvgIcon
│       └── index.vue
├── icons
│   ├── index.js
│   ├── svg
│   │   ├── dashboard.svg
│   │   ├── example.svg
│   │   ├── eye-open.svg
│   │   ├── eye.svg
│   │   ├── form.svg
│   │   ├── link.svg
│   │   ├── nested.svg
│   │   ├── password.svg
│   │   ├── table.svg
│   │   ├── tree.svg
│   │   └── user.svg
│   └── svgo.yml
├── layout
│   ├── components
│   │   ├── AppMain.vue
│   │   ├── Navbar.vue
│   │   ├── Sidebar
│   │   │   ├── FixiOSBug.js
│   │   │   ├── Item.vue
│   │   │   ├── Link.vue
│   │   │   ├── Logo.vue
│   │   │   ├── SidebarItem.vue
│   │   │   └── index.vue
│   │   └── index.js
│   ├── index.vue
│   └── mixin
│       └── ResizeHandler.js
├── main.js
├── permission.js
├── router
│   └── index.js
├── settings.js

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值