Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Generate Directory GraphNew to Visual Studio Code? Get it now.
Generate Directory Graph

Generate Directory Graph

zzailianlian

|
752 installs
| (1) | Free
generate directory graph 一键生成目录结构图并自动复制
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Generate Directory Graph

自动生成目录结构图并复制到系统剪切板

右键左侧栏的目录

右键左侧栏目录

点击之后等待复制完成

右下角弹出复制成功,此时手动粘贴即可看到目录的路径图

点击之后等待复制完成

成品图样式

├── .DS_Store
├── images
│   ├── .DS_Store
│   ├── bg.png
│   ├── icon_arrow.png
│   ├── icon_cancel.png
│   ├── icon_close.png
│   ├── icon_safe.png
│   ├── icon_trans.png
│   ├── icon_vip_activited.png
│   └── main_bg_pink.webp
├── index.less
└── index.vue

配置

  • generateDirGraph.ignorefiles
    • 默认忽略node_modules、.git
    • 可以通过新增string来手动控制其他要忽略的文件

ignorefiles配置示例图

  • generateDirGraph.recursionDepth
    • 递归深度,默认为递归到底
    • 可以输入number来指定递归深度

recursionDepth配置示例图

安装

本地安装

  1. 将目录的.vsix文件下载到本地
  2. vscode 中打开插件侧边栏
  3. 点击...
  4. 点击从VSIX安装...
  5. 选择下载好的.vsix文件即可

vscode 插件市场安装

  • 直接在 vscode 左侧边栏找到「插件拓展」搜索Generate Directory Graph安装即可 vscode安装插件
  • 在 vscode 的官网插件市场搜索Generate Directory Graph下载 插件市场安装

感谢

插件继续大家的安装使用和打分支持!!!感谢!!!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft