Import Version Hint
插件简介
Import Version Hint 是一款 VS Code 插件,能在 JavaScript 和 TypeScript 文件中的 import 或 require 语句旁边显示对应依赖包的版本号,帮助开发者快速查看和确认所使用的依赖版本,提高开发效率和代码可维护性。
📸 Screenshots

功能特性
- 自动解析项目
package.json 中的依赖版本信息
- 在导入语句旁边以装饰形式显示版本号
- 支持自定义版本号提示颜色,增强视觉识别
- 可配置是否去除版本号前缀符号(如
^ 、~ 、>= 等)
- 支持仅在鼠标悬停时显示版本号,减少编辑器视觉干扰
- 版本号提示支持双引号包裹显示(如
"lodash@^4.17.21" )
安装要求
- VS Code 版本:>= 1.70.0
- 适用于 JavaScript 和 TypeScript 项目
使用说明
- 通过 VS Code 插件市场搜索并安装
Import Version Hint
- 打开任意
.js 、.jsx 、.ts 、.tsx 文件,编辑或查看 import / require 语句
- 版本号提示将自动显示在导入模块名旁
- 可通过 VS Code 设置调整插件行为和样式
配置项
配置名 |
类型 |
默认值 |
描述 |
importVersionHint.enabled |
boolean |
true |
是否启用导入版本号提示 |
importVersionHint.decorationColor |
string |
#888 |
版本号提示的颜色 |
importVersionHint.stripVersionPrefix |
boolean |
false |
是否去除版本号前缀符号(如 ^ 、~ 、>= ) |
importVersionHint.hoverOnly |
boolean |
false |
是否仅在鼠标悬停时显示版本号提示 |
importVersionHint.showQuotes |
boolean |
false |
是否用双引号包裹版本号提示(例如 "react@^19.0.0" ) |
配置方式:
- 通过 VS Code 设置 UI 搜索
importVersionHint 配置项进行修改
- 或者在
settings.json 中添加对应配置,例如:
{
"importVersionHint.enabled": true,
"importVersionHint.decorationColor": "#888",
"importVersionHint.stripVersionPrefix": false,
"importVersionHint.hoverOnly": false,
"importVersionHint.showQuotes": false
}
状态栏控制
插件启用后,右下角状态栏会出现图标:
版本信息
当前版本:0.0.1
作者:xulai
仓库:github
贡献与反馈
欢迎在插件仓库提交 issue 和 pull request,反馈使用问题或建议新功能。
许可协议
本插件遵循 MIT 许可证。
感谢使用 Import Version Hint,祝您编码愉快!
| |