企业官网建设流程全解析

MangoDisk磁盘空间分析教程：Treemap可视化，30秒定位最占空间的文件夹

【免费下载链接】MangoDiskSafety-first disk cleaner and space analyzer for macOS and Windows, with duplicate cleanup, app uninstall, startup management, system optimization, and maintenance.项目地址: https://gitcode.com/gh_mirrors/man/MangoDisk

MangoDisk 是一款面向 macOS 和 Windows 的磁盘空间分析与清理工具。它的"磁盘空间分析"模块用 Treemap（矩形图）把整个磁盘画成一张色块地图：方块越大，文件夹占用空间越多。按下面这份新手教程操作，你不需要逐层打开文件夹，几十秒就能看清空间都被谁占了，然后安全地释放空间。

为什么需要磁盘空间分析器？📊

磁盘"已满"时，Windows 和 macOS 自带的存储页面只能告诉你总量，却很难回答一个关键问题：

• 到底是哪个文件夹吃了这么多空间？
• 它是一个文件造成的，还是成千上万个小文件堆积的？
• 哪些内容可以安全删除，哪些千万别碰？

MangoDisk 的磁盘空间分析把"空间占用"变成了可以直接"看"的图形，这正是 Treemap 可视化的价值所在。

图：MangoDisk 在 macOS 上的安装画面，安装完成后即可开始磁盘空间分析

快速上手：打开磁盘空间分析只需 3 步

1. 打开 MangoDisk，在左侧导航栏选择磁盘空间分析
2. 在页面右上方的范围选择器中，选择要分析的位置（系统盘、数据盘或某个文件夹，也支持从"最近使用"里快速选择）
3. 点击开始分析按钮，等待扫描完成

页面主逻辑实现在 src/pages/analysis/index.vue，扫描请求通过 src/lib/services/analysis-service.ts 交由 Rust 后端 src-tauri/src/commands/analysis.rs 完成。

💡 新手建议：第一次分析直接选系统盘根目录（如C:\或/Users/你的用户名），一次就能看到全貌。

第 1 步：分析前选择扫描范围

页面右上角的范围选择器支持三类入口：

选定范围只是"设定目标"，点击开始分析后才真正扫描——这个设计让你可以先比较、再决定是否分析，避免误操作。

第 2 步：开始分析，进度可见、随时可取消

扫描过程中，页面会显示正在扫描文件夹…以及当前正在遍历的目录路径。两个实用细节：

• ⏱️ 进度条按已扫描字节数推进，大目录会先经过文件数最多的层级
• 🛑 支持随时取消，不必等完整扫完

对于浏览过的文件夹，MangoDisk 会缓存分析结果（上限 80 条，见 src/lib/models/analysis.ts），所以后退、前进或重新进入同一个文件夹时几乎都是秒开。

第 3 步：读懂 Treemap 矩形图（核心技巧）🎯

扫描完成后，默认进入矩形图视图。右侧是大面积的色块图，左侧是按占用大小排好序的文件夹列表——这套双栏布局在 src/pages/analysis/components/md-analysis-visual-pane.vue 中定义。

30 秒读图口诀：

1. 面积 = 空间：每个矩形的面积与该文件夹的字节数严格成正比，最大的块就是空间占用冠军
2. 颜色只是区分：颜色在 5 个主题色之间轮换，仅用于区分相邻区域，不代表文件类型或风险
3. 三行信息：每个色块上直接标注文件夹名、大小和占总空间的百分比
4. 悬停看详情：鼠标悬停任意色块，会浮出提示，显示名称、大小、百分比和文件数
5. "较小项目"聚合块：占比不足 0.75% 的小条目会被合并成一个灰色块（"较小项目 · N 项"），避免碎块淹没视线；想查它们请切到列表视图

布局算法采用 Squarified Treemap（见 src/lib/utils/treemap-layout.ts），会自动调整每个矩形的长宽比，让色块尽量接近正方形——这样名字和数字才放得下、看得清。渲染逻辑在 src/pages/analysis/components/md-analysis-treemap.vue。

用左侧文件夹排行，一眼锁定"空间大户"

左侧列表（src/pages/analysis/components/md-analysis-folder-pane.vue）按占用大小降序排列，每一行显示：

• 文件夹名与文件数
• 占用大小 + 百分比
• 一条直观的比例进度条

实战技巧：先看前 3 名。经验上，磁盘空间问题通常集中在"视频/缓存/构建产物/系统文件"这几类目录，排行前 3 基本就能锁定主因。

逐层下钻：钻进子文件夹找空间根因

看到最大的色块后：

• 单击文件夹色块（或左侧列表行）：直接进入该文件夹，Treemap 随之刷新，显示它的子目录
• 面包屑导航：顶部"当前位置"支持后退 / 前进 / 返回本次分析起点，像浏览器一样自由穿梭
• 双击文件色块：直接在系统文件管理器中打开该文件
• 右键色块：可"在文件管理器中显示"或"彻底删除"（见下文安全提示）

举例：系统盘最大的块是用户→ 点进去发现是Downloads→ 再点进去发现一个 40GB 的旧虚拟机镜像。三次点击，根因锁定。

切换"列表"视图：按大小、文件数排序核查

页面右上角可一键在矩形图 / 列表之间切换。列表视图（src/pages/analysis/components/md-analysis-details-table.vue）包含这些可排序列：

矩形图回答"空间在哪里"，列表回答"具体是什么、有多少"，两者配合使用效率最高。

进阶技巧：设置排除文件夹，分析更精准

如果某个目录（例如受管理的数据库目录）你确定与问题无关，可以在 排除文件夹 设置中将其排除，之后分析将跳过这些目录，让图表更聚焦。

⚠️ 官方提示（原话）："此处仅统计参与分析的内容；排除设置不会改变磁盘实际已用空间。"

定位之后：安全删除大项释放空间

在色块或列表上右键选择彻底删除后，MangoDisk 会弹出确认框，明确告知：

"文件或文件夹将被立即彻底删除，无法恢复"

安全操作三原则：

1. 🪪 拿不准的项目，先"在文件管理器中显示"，打开看看内容再决定
2. 📥 缓存、下载、构建产物类目录通常可删；系统、程序文件目录不要动
3. 💾 删除前确认重要数据已有备份

新手常见问题

Q1：为什么分析结果和系统"存储"页面数字不一样？A：统计口径不同——分析结果只包含实际可读到的文件，权限受限或排除的目录不会计入，且排除设置不影响磁盘实际已用空间。

Q2：Treemap 上为什么没有显示所有文件？A：占比小于 0.75% 的小条目被合并进了"较小项目"聚合块，完整明细请切换到列表视图查看。

Q3：扫描过程中可以取消吗？A：可以。进度页有取消按钮，扫描是纯只读操作，中途取消不会影响任何文件。

Q4：支持哪些系统？A：macOS 与 Windows 双平台，且分析在本地完成。

总结

把这份教程浓缩成一条路径：

选择范围 → 开始分析 → 看矩形图找大块 → 看左侧排行确认前 3 名 → 单击下钻找根因 → 列表视图核查 → 确认后彻底删除

掌握 Treemap 的"面积即空间"读图法后，磁盘空间分析就从"翻文件夹"变成了"看地图"。MangoDisk 的整个分析模块以安全性为设计前提：只读扫描、随时取消、删除前强制确认——放心上手即可。

主要模块参考：

• 分析页面：src/pages/analysis/
• Treemap 组件与布局算法：src/lib/utils/treemap-layout.ts
• 扫描进度与取消：src/lib/services/analysis-service.ts

【免费下载链接】MangoDiskSafety-first disk cleaner and space analyzer for macOS and Windows, with duplicate cleanup, app uninstall, startup management, system optimization, and maintenance.项目地址: https://gitcode.com/gh_mirrors/man/MangoDisk