Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>目录看板New to Visual Studio Code? Get it now.
目录看板

目录看板

ryan

|
4 installs
| (0) | Free
在 VS Code 里按目录预览图片/视频/Markdown/HTML:目录树状浏览、类型过滤、图片灯箱(上下切换/复制/在编辑器打开)、视频与 HTML 在中间窗口预览,附技能(SKILL.md)列表。
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

目录看板(folder-board)

在 VS Code 里按目录浏览图片 / 视频 / Markdown / HTML / JSON 的看板式扩展。选一个目录,它把目录内的产出分区列出、可按类型筛选、点开即看——图片进灯箱,视频 / 网页 / JSON 在中间窗口预览,另附技能(SKILL.md)列表。

功能

  • 目录看板(常驻副侧栏):选一个目录,分区列出它(默认 3 级子目录内)的图片 / 视频 / 文档,按目录层级折叠分组、可按类型筛选、可切「全部子目录」开关。
    • 图片:网格缩略图,点开进灯箱(上下 / 左右切换、复制图片、在编辑器打开)。
    • 视频:mp4 / webm / ogg 内联播放(mkv / avi 多数浏览器不解码,仅列出)。
    • 文档:md 走渲染预览并带正文摘要;HTML 在中间窗口预览(相对资源可加载);JSON 走可折叠树形预览(语法高亮、搜索高亮、展开 / 折叠、复制原文、树形⇄源码);txt / csv 等点开查看。
  • Skills 技能列表:扫描项目 .claude/skills 与全局技能目录,列出每个技能的 SKILL.md,点开预览,可一键复制「使用本技能」提示词。
  • .md 默认渲染预览:打开 .md 默认走渲染页(想看源码用 Reopen Editor With… 切回)。

使用

  • 安装后,扩展出现在副侧栏的「目录看板」容器,启动时会自动聚焦过去。
  • 资源管理器里**右键任意文件夹 →「在目录看板中查看」**即可切到该目录浏览。
  • 标题栏按钮可「跟随当前文件定位」「在标签页打开」。

设置

  • folderBoard.globalSkillsDir:全局技能目录的绝对路径(Skills 列表会扫这里每个 <技能>/SKILL.md)。留空则只扫当前项目。

    注意:网页版(serve-web)沙箱读不到工作区外路径,此项仅桌面版 VS Code 生效。


开发、构建、serve-web 部署说明见仓库内 DEVELOPMENT.md。

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