Mac中使用Tree生成项目目录结构

使用如下过程为GitHub中的项目创建好看的目录结构

1. 在Mac中使用如下命令安装tree工具:

# 安装 tree
brew install tree

2. 安装完成之后,在项目所在的目录中可以选择使用如下的命令输出项目结构:

# 使用-L参数指定遍历层级
tree -L 2
# 将目录的结构树导出到文件README.md
tree -L 2 >README.md
# 在结构中只显示文件夹
tree -d 
# 过滤不想要显示的文件或者文件夹,比如要过滤项目中的target文件夹;
tree -I pattern 
tree -I “target”
# 解决中文文件名乱码问题
tree -N

3. 具体的命令参数如下:

Yitian-MacBook-Pro:~ yitian$ tree --help
usage: tree [-acdfghilnpqrstuvxACDFJQNSUX] [-H baseHREF] [-T title ]
	[-L level [-R]] [-P pattern] [-I pattern] [-o filename] [--version]
	[--help] [--inodes] [--device] [--noreport] [--nolinks] [--dirsfirst]
	[--charset charset] [--filelimit[=]#] [--si] [--timefmt[=]<f>]
	[--sort[=]<name>] [--matchdirs] [--ignore-case] [--fromfile] [--]
	[<directory list>]
  ------- Listing options -------
  -a            All files are listed.
  -d            List directories only.
  -l            Follow symbolic links like directories.
  -f            Print the full path prefix for each file.
  -x            Stay on current filesystem only.
  -L level      Descend only level directories deep.
  -R            Rerun tree when max dir level reached.
  -P pattern    List only those files that match the pattern given.
  -I pattern    Do not list files that match the given pattern.
  --ignore-case Ignore case when pattern matching.
  --matchdirs   Include directory names in -P pattern matching.
  --noreport    Turn off file/directory count at end of tree listing.
  --charset X   Use charset X for terminal/HTML and indentation line output.
  --filelimit # Do not descend dirs with more than # files in them.
  --timefmt <f> Print and format time according to the format <f>.
  -o filename   Output to file instead of stdout.
  ------- File options -------
  -q            Print non-printable characters as '?'.
  -N            Print non-printable characters as is.
  -Q            Quote filenames with double quotes.
  -p            Print the protections for each file.
  -u            Displays file owner or UID number.
  -g            Displays file group owner or GID number.
  -s            Print the size in bytes of each file.
  -h            Print the size in a more human readable way.
  --si          Like -h, but use in SI units (powers of 1000).
  -D            Print the date of last modification or (-c) status change.
  -F            Appends '/', '=', '*', '@', '|' or '>' as per ls -F.
  --inodes      Print inode number of each file.
  --device      Print device ID number to which each file belongs.
  ------- Sorting options -------
  -v            Sort files alphanumerically by version.
  -t            Sort files by last modification time.
  -c            Sort files by last status change time.
  -U            Leave files unsorted.
  -r            Reverse the order of the sort.
  --dirsfirst   List directories before files (-U disables).
  --sort X      Select sort: name,version,size,mtime,ctime.
  ------- Graphics options -------
  -i            Don't print indentation lines.
  -A            Print ANSI lines graphic indentation lines.
  -S            Print with CP437 (console) graphics indentation lines.
  -n            Turn colorization off always (-C overrides).
  -C            Turn colorization on always.
  ------- XML/HTML/JSON options -------
  -X            Prints out an XML representation of the tree.
  -J            Prints out an JSON representation of the tree.
  -H baseHREF   Prints out HTML format with baseHREF as top directory.
  -T string     Replace the default HTML title and H1 header with string.
  --nolinks     Turn off hyperlinks in HTML output.
  ------- Input options -------
  --fromfile    Reads paths from files (.=stdin)
  ------- Miscellaneous options -------
  --version     Print version and exit.
  --help        Print usage and this help message and exit.
  --            Options processing terminator.

4. 得到的目录结构如下:

.
├── main
│   ├── java
│   │   └── cn
│   │       └── zyt
│   │           └── springbootlearning
│   │               ├── aop
│   │               ├── aspect
│   │               ├── component
│   │               ├── config
│   │               ├── controller
│   │               ├── dao
│   │               ├── domain
│   │               ├── service
│   │               │   └── impl
│   │               ├── tools
│   │               └── typehandler
│   ├── resources
│   │   ├── mapper
│   │   ├── properties
│   │   ├── static
│   │   │   ├── jquery-easyui-1.7.0
│   │   │   └── other
│   │   └── templates
│   └── webapp
│       └── WEB-INF
│           └── jsp
└── test
    └── java
        └── cn
            └── zyt
                └── springbootlearning

需要过滤多个目录时,使用:

tree -L 10 -I "target|static"

这样就不会输出target和static目录下的文件。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Vue3 ,可以通过递归组件的方式来实现 tree 结构生成。具体的实现步骤如下: 1. 创建一个名为 TreeItem 的组件,用于表示树形结构的节点。 2. 在 TreeItem 组件使用 v-for 指令遍历当前节点的子节点,并将其递归渲染为新的 TreeItem 组件。 3. 在 TreeItem 组件使用 props 属性将当前节点的子节点传递给子组件。 4. 在父组件使用 TreeItem 组件渲染根节点,然后将根节点的子节点传递给 TreeItem 组件。 下面是一个简单的示例代码,可以根据你的具体需求进行修改: ```html <!-- TreeItem.vue --> <template> <div> {{ item.name }} <ul> <li v-for="child in item.children" :key="child.id"> <tree-item :item="child"></tree-item> </li> </ul> </div> </template> <script> export default { name: 'TreeItem', props: { item: Object } } </script> ``` ```html <!-- App.vue --> <template> <div> <tree-item :item="root"></tree-item> </div> </template> <script> import TreeItem from './components/TreeItem.vue' export default { name: 'App', components: { TreeItem }, data() { return { root: { id: 1, name: 'Root', children: [ { id: 2, name: 'Child 1', children: [ { id: 3, name: 'Grandchild 1' }, { id: 4, name: 'Grandchild 2' } ] }, { id: 5, name: 'Child 2', children: [ { id: 6, name: 'Grandchild 3' }, { id: 7, name: 'Grandchild 4' } ] } ] } } } } </script> ``` 在这个示例,我们创建了一个 TreeItem 组件,用于表示树形结构的节点。在 TreeItem 组件,我们使用 v-for 指令递归渲染节点的子节点。在父组件 App ,我们将根节点传递给 TreeItem 组件,然后通过递归渲染生成了整个树形结构

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值