今天写代码说明书,忽然想做代码树,vscode有超多插件,于是网上一搜,正好看到ProjectTree这个可以用上。
-
打开vscode,将目标项目拖入窗口
-
组合按键 Shift+Ctrl+p,输入Project Tree,回车键自动生成项目数状图在README.md文件中,没有README.md的话会自动生成文件~
-
实现效果图如下:
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项目源码
*
长此以往,之后要是不明白插件如何使用就这样做
- 选择扩展图标
- 搜索插件
- 点击页面链接
- 查看GitHub上地插件说明