为了快速直观地查看前端引入依赖的各项信息，传统命令行方式（如 npm ls、pnpm why）信息显示单一且碎片化。Vue 团队成员 antfu 开发的 Node Modules Inspector 提供了更完善的可视化界面，只需一条命令即可启动。
# 适用于 npm 项目
npx node-modules-inspector
# 适用于 pnpm 项目（推荐）
pnpx node-modules-inspector
执行后，浏览器会自动打开本地可视化界面，默认端口为 3000。如果端口被占用，工具会提示可用端口。
树形视图
依赖的树形结构展示如下：
树形结构可以清晰看到父子组件之间的引用依赖关系：
网格视图
上方标签栏支持分类规则切换，包括深度/层级、模块类型、依赖环境（开发/生产）、作者、开源协议、组织、来源等。在深度/层级分类下，可识别未被实际引用的冗余依赖：
报告视图
上方标签栏支持依赖的具体分类查看，包括募捐、依赖关系、废弃依赖、多版本依赖、安装大小、发布时间、Node 相关、开源许可、全部：
图表视图
图表视图具有多种展示方式，每个元素都可以悬停或点击查看具体依赖信息和层级引用关系：
依赖对比
该功能可直观对比任意依赖的结构、大小、引用关系等信息：
每个页面的左侧都会显示当前选中依赖的相关信息，包括名称、用途（简介）、版本、仓库地址、开源协议、作者、引入大小、与其他依赖间的关系等：
