目录看板(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。
| |