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

    技术2022-07-13  68

    今天写代码说明书,忽然想做代码树,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上地插件说明
    Processed: 0.010, SQL: 9