UD5工具箱
第一步：搜索目标包
进入工具页面后，你会看到顶部的搜索输入框。在输入框中键入你想查询的 npm 包名称，例如输入 "react"。系统会在你输入过程中提供实时匹配提示，帮助你快速定位目标包。确认包名无误后，点击搜索按钮或按回车键，该包的下载量数据将自动加载并绘制在下方的折线图中。
第二步：添加更多对比包
如果你想对比多个包的下载量，可以重复第一步的操作，依次搜索并添加其他包。也可以点击页面上提供的热门包快捷按钮（如 React、Vue、Angular 等），一键将常用包添加到图表中。每添加一个包，图表中就会新增一条不同颜色的折线，与已有数据叠加显示。你可以根据需要添加任意数量的包进行对比分析。
第三步：切换时间范围
在图表区域上方，你可以看到「周」「月」「年」三个时间粒度切换按钮。默认情况下工具可能显示某一固定时间范围的数据。点击对应的按钮即可切换视图：选择「周」可查看最近数周内每周的详细下载量，适合观察短期波动；选择「月」可查看按月聚合的数据，适合中期趋势分析；选择「年」可查看年度数据概览，适合宏观趋势追踪。不同时间粒度下，数据点的密度和展示侧重点有所不同，建议根据具体分析场景灵活选择。
第四步：交互查看详细数据
图表支持鼠标悬停交互。将鼠标指针移动到折线图的任意位置，图表会自动显示该时间点对应的所有包的精确下载量数值。悬停时会弹出数据提示框，清晰列出每个包在该时间点的具体下载次数。这一功能帮助你获取图表上难以直接读取的精确数据，便于做进一步的定量分析。
第五步：移除不需要的包
如果对比列表中的某个包不再需要，你可以在包列表区域找到对应的删除按钮（通常为包名旁的 X 图标），点击即可将该包从图表中移除。移除后，图表会自动重新渲染，只保留剩余包的折线数据。你可以随时根据需要增减对比的包，图表会实时响应你的操作。
第六步：数据分析与解读
观察图表中各条折线的走势，你可以分析以下信息：上升趋势的折线表明该包的使用量在持续增长，可能是社区认可度提高的信号；下降趋势可能意味着用户正在迁移到其他替代方案；突发的峰值通常与重大版本发布、安全漏洞修复或技术社区的广泛关注有关。将多个包放在同一图表中对比，可以清晰看出它们在市场中的相对位置和竞争态势，为技术选型提供数据依据。