写项目设计文档或者在写新项目的README.md文件时,都需要展示项目的一些重要的目录结构
其实可以通过安装brew等方法来进行,但是推荐一个插件:
vscode中下载插件tree-generator
安装完成后打开需要生成的目录结构树的项目,右键,选择生成目录树
此时,该项目的目录树就已经存放在粘贴板中了,只需要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
就可以拿到项目的目录树啦!