文件夹树状图生成

一、概述

​ 不知道经常写技术文档或博客的小伙伴有没有显示文件夹目录树的需求。比如要介绍一下某个项目的工程结构的时候,或许会用到,例如vue项目结构:

vue-text-project   //项目名称
 ├── config
 │   ├── dev.env.js
 │   ├── index.js
 │   └── prod.env.js
 ├── index.html
 ├── LICENSE
 ├── package-lock.json
 ├── package.json
 ├── README.md
 ├── src
 │   ├── App.vue
 │   ├── assets
 │   │   ├── location.png
 │   │   └── logo.png
 │   ├── components
 │   │   ├── Echarts.vue
 │   │   ├── HelloWorld.vue
 │   │   └── XYZmap.vue
 │   ├── main.js
 │   └── router
 │       └── index.js
 └── static

接下来介绍这种文件夹目录树结构的生成方法。

二、utools工具安装

​ 这种目录树结构可以通过utools的一个插件来生成。关于该工具,可以去 这里 ↓ 了解和下载安装

三、插件安装和使用

安装并启动utools工具。在插件中心搜索“文件夹”,然后安装序号③所示插件。

安装后,在“已安装” 下启动该插件。

按照上述步骤,即可根据需求生成文件夹目录树。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值