写项目设计文档或者在写新项目的README.md文件时,都需要展示项目的一些重要的目录结构
其实可以通过安装brew等方法来进行,但是推荐一个插件:
vscode中下载插件tree-generator
![](https://img-blog.csdnimg.cn/dc3e62b81564466a8b34a996801097d7.png)
安装完成后打开需要生成的目录结构树的项目,右键,选择生成目录树
![](https://img-blog.csdnimg.cn/5107eac95d854b0ebbe2a37816204f08.png)
此时,该项目的目录树就已经存放在粘贴板中了,只需要ctrlV
test-plugins
├─ components
│ └─ testcomponents
│ └─ testcomponents.vue
├─ pages
│ ├─ testpage
│ │ ├─ testpage1.vue
│ │ ├─ testpage2.vue
│ │ └─ testpage3.vue
│ └─ testpage2
│ ├─ testpage1.vue
│ ├─ testpage2.vue
│ └─ testpage3.vue
├─ uniCloud
│ └─ cloudfunctions
│ ├─ testcloudfunctions
│ │ ├─ index.js
│ │ └─ package.json
│ └─ testcloudobject
│ ├─ index.obj.js
│ └─ package.json
├─ changelog.md
├─ menu.json
├─ package.json
└─ readme.md
就可以拿到项目的目录树啦!