VSCode插件ProjectTree，输出项目树状图

今天写代码说明书，忽然想做代码树，vscode有超多插件，于是网上一搜，正好看到ProjectTree这个可以用上。

1. 打开vscode，将目标项目拖入窗口

2. 组合按键 Shift+Ctrl+p，输入Project Tree，回车键自动生成项目数状图在README.md文件中，没有README.md的话会自动生成文件~

3. 实现效果图如下：

CSCC
├─ .gitignore
├─ cloudfunctions
│  └─ login
│     ├─ config.json
│     ├─ index.js
│     └─ package.json
├─ miniprogram
│  ├─ app.js
│  ├─ app.json
│  ├─ app.wxss
│  │  ├─ index
│  │  │  ├─ analysis
│  │  │  │  ├─ analysis.js
│  │  │  │  ├─ analysis.json
│  │  │  │  ├─ analysis.wxml
│  │  │  │  └─ analysis.wxss
│  │  │  ├─ designer
│  │  │  │  ├─ designer.js
│  │  │  │  ├─ designer.json
│  │  │  │  ├─ designer.wxml
│  │  │  │  └─ designer.wxss
│  │  │  ├─ footer.wxml
│  │  │  ├─ header.wxml
│  │  │  ├─ index.js
│  │  │  ├─ index.json
│  │  │  ├─ index.wxml
│  │  │  └─ index.wxss
│  │  ├─ logs
│  │  │  ├─ logs.js
│  │  │  ├─ logs.json
│  │  │  ├─ logs.wxml
│  │  │  └─ logs.wxss
│  │  ├─ templates
│  │  │  ├─ comment.js
│  │  │  ├─ comment.json
│  │  │  ├─ comment.wxml
│  │  │  └─ comment.wxss
│  │  ├─ transport
│  │  │  ├─ transport.js
│  │  │  ├─ transport.json
│  │  │  ├─ transport.wxml
│  │  │  └─ transport.wxss
│  │  └─ type
│  │     ├─ categories.js
│  │     ├─ categories.json
│  │     ├─ categories.wxml
│  │     ├─ categories.wxss
│  │     ├─ cvb
│  │     │  ├─ cvb.js
│  │     │  ├─ cvb.json
│  │     │  ├─ cvb.wxml
│  │     │  └─ cvb.wxss
│  │     └─ purchase
│  │        ├─ cl.js
│  │        ├─ cl.json
│  │        ├─ cl.wxml
│  │        ├─ cl.wxss
│  │        ├─ ro.js
│  │        ├─ ro.json
│  │        ├─ ro.wxml
│  │        ├─ ro.wxss
│  │        └─ template.wxml
│  ├─ sitemap.json
│  ├─ utils
│  │  └─ util.js
│  └─ video
│     └─ vikings1_1.mkv
└─ project.config.json

插件出处：
gitbub项目源码

*

长此以往，之后要是不明白插件如何使用就这样做

1. 选择扩展图标
2. 搜索插件
3. 点击页面链接
4. 查看GitHub上地插件说明