如何快速生成项目目录结构树?

经常在网上看到下面这种由一个项目,生成一个结构树,你知道它是怎么生成的吗?
如何快速生成项目目录结构树?_第1张图片

这就是利用本文要介绍的一个工具——Treer,treer就是一款专门用来快速生成目录结构树的命令行工具。

第一步:安装treer

在终端执行全局安装命令:npm i treer -g 。这一步可能会出现报错,可以看到原因有可能是因为没有权限:

解决办法:使用管理员权限,重新执行 sudo i treer -g 然后输入用户密码 ,出现了如下treer的版本,就说明安装成功了在这里插入图片描述

第二步:了解treer命令

执行命令:treer --helptreer -h,可查看treer都有哪些命令参数
在这里插入图片描述

  • -V or --version 查看当前安装的treer的版本号

  • -d 指定生成目录结构树的路径(如果不指定目录,则会将当前目录作为指定目录)

  • -i or --ignore 指定生成目录结构树路径内的忽略路径,支持正则, 如:treer -i "/node_modules|.git|dist/"

  • -e or --export 目录树生成存放文件路径

第三步:使用treer

准备一个文件夹,如下:
在这里插入图片描述

例一:执行命令:treer -i "/node_modules|.git/"

表示忽略node_modules目录和.git目录
如何快速生成项目目录结构树?_第2张图片

例2 执行命令:treer -e ./tree.txt -i "/node_modules|.git|dist/"

表示忽略node_modules、.git、dist目录,并将生成结果保存到当前目录下的tree.txt中
如何快速生成项目目录结构树?_第3张图片
查看tree.txt文件就会看到生成的项目目录结构树:
如何快速生成项目目录结构树?_第4张图片

更多: tree-cli 、tree-node-cli

你可能感兴趣的:(treer,项目结构树,npm工具,treer生成目录结构树)