MadoHub Docs

文件树

浏览并与项目文件交互。

文件树以嵌入在框架(frame)中的导航器面板形式出现,也可以作为独立图块放置在画布上。

框架导航器

每个框架都可以显示一个导航器面板,展示该框架的文件结构。可按框架单独开关;启用后,其宽度会被限制在 160px 到 240px 之间(即框架宽度的 12.5%)。

交互

  • 点击文件夹 可展开或折叠。
  • 将文件拖拽 到画布上可创建图块:
    • 图片文件(PNG、JPG、GIF、WebP、SVG、BMP、ICO、TIFF)→ 图片图块
    • 其他所有文件 → 代码图块
  • 文件会以该框架的根目录为基准显示相对路径。

过滤

隐藏文件(点号开头)和目录会自动隐藏,此外还有一份固定的常见构建/依赖噪音列表(node_modules、.git、dist、target、.next、.cache、.turbo、__pycache__、.svn、.DS_Store)也会被隐藏。这是一份静态列表,而非 .gitignore 解析——凡是项目 .gitignore 排除但不在此列表中的内容,仍然会显示出来。

文件树图块

你也可以在画布上创建一个独立的文件树图块(默认尺寸 440×540px)。这适合在终端旁边保留一个固定的文件浏览器。

可以通过 Cmd+Shift+P → Open File 创建,或者在创建启用了文件树的框架时一并创建。

On this page