Package Vision
Package Vision 让你直接在 VS Code 左侧栏查看依赖的当前版本、最新版本和升级状态。
你可以在不离开编辑器的情况下快速找出过时依赖、按状态筛选、并执行单包升级。它适合日常维护前端项目,也支持 monorepo 和多个 package.json 的场景。
已发布到 VS Code Marketplace:
说明:
0.2.0 已于 2026-04-07 发布到 VS Code Marketplace
- Marketplace 页面和
vsce show 结果在发布后几分钟内可能仍会有缓存延迟
安装
- 在 VS Code 扩展市场搜索
Package Vision
- 或直接打开 Marketplace 页面安装
功能亮点
- 在 Activity Bar 提供独立入口,不用切到终端也能检查依赖
- 扫描当前工作区中的一个或多个
package.json
- 直接对比当前声明版本和最新版本,快速看出哪些包已经过时
- 清楚区分
dependencies 和 devDependencies
- 用状态图标区分已最新、过时、查询失败、无法比较和升级中
- 支持按状态快速筛选,只看你现在最关心的包
- 支持在 monorepo 中按 package scope 聚焦视图,比如只看 workspace root 或某个具体子包
- 支持按包名搜索依赖,并和状态筛选组合使用
- 支持在 monorepo 中识别同名依赖的版本分裂
- 支持通过点击、悬浮图标和右键菜单升级单个依赖
- 支持对当前可见列表执行批量保守升级,并自动遵守当前 package scope、筛选和搜索范围
- 遇到大版本升级时,支持先询问、默认保守升级,或显式升级到最新 major
- 支持
npm、pnpm、yarn、bun
- 支持 monorepo 和多个
package.json
- 支持配置升级后的版本范围写回策略:
preserve、caret、tilde、exact
- 提供输出日志,方便定位升级过程中的问题
当前支持范围
- 包管理器:
npm、pnpm、yarn、bun
- 工作区类型:单 package 项目、monorepo / 多个
package.json
- 依赖类型:
dependencies、devDependencies
使用方式
- 在 VS Code 左侧打开
Package Vision
- 查看依赖的声明版本、最新版本和状态
- 需要时用顶部的 package scope、筛选和搜索按钮快速缩小范围
- 点击过时依赖,确认后执行升级
- 也可以通过包项悬浮图标或右键菜单执行升级操作
- 需要时可在视图标题栏执行当前可见依赖的批量保守升级
- 对存在大版本更新的包,可以使用悬浮图标或右键菜单显式升级到最新 major
Screenshots

设置项
当前提供两个设置项:
packageVision.upgrade.majorUpdateStrategy
packageVision.upgrade.versionRangeStyle
可选值:
ask
safe
latest
preserve
caret
tilde
exact
其中:
packageVision.upgrade.majorUpdateStrategy 控制遇到大版本升级时,是先询问、默认保守升级,还是直接升到最新 major
packageVision.upgrade.versionRangeStyle 控制升级后写回到 package.json 的版本范围风格
开发与文档
如果你是这个仓库的维护者,或者想通过这个项目学习 VS Code 扩展开发,建议从这些文档开始:
发布状态
0.2.0 已于 2026-04-07 发布到 VS Code Marketplace。
| |