VS Code 插件-快速查看package.json中包信息

• 我安装的 npm 包具体是哪个版本？
• 我安装的 npm 包大小是多少？页面上加载这个包大概需要多久？
• 怎么快速跳转到 node_moudles 里包的具体代码位置？

如果你有上述疑问，那么不妨尝试一下这个新的 VS Code 插件 🎉

Npm package.json Inspector for VS Code

预览

Hover 包名来查看包信息

显示内容包括：

• 「包名」：npm 包名称（如果有homepage字段则会显示为可跳转的链接）
• 「描述」：npm 包描述
• 「入口文件」：包括main/module/types入口文件位置（点击可跳转）
• 「版本」：当前安装版本和最新版本（支持 npm 私有源）
• 「其它包信息」：包括实际引用的压缩后代码体积大小，页面预估下载时间（4G网络环境），包的依赖数，是否可被tree shake以及有否有副作用side effects等

cmd + click 点击跳转 node_modules 中包文件位置

• cmd + 点击包名可直接跳转到包的 package.json 文件中
• 点击Hover面板中的Entry对应字段可跳转到对应的入口文件位置

项目地址

• Github: vscode-package.json-inspector
• VS Code Marketplace: Npm package.json Inspector

--- 欢迎评论和改进意见 🥳 ---