You can click editor title icon toggle it:
You can custom the dependencies ast node path by:
{
"package-manager-enhancer.packageJsonDependenciesCodeLens.dependenciesNodePaths": [
"dependencies",
"peerDependencies",
"devDependencies",
"resolutions",
"pnpm.overrides"
]
}
useful when you refactor code from one package to another new package.
you can custom the tooltip by settings:
{
"package-manager-enhancer.packageHoverTooltip.websites": [
"builtin:npm",
"builtin:homepage",
"builtin:repository",
"[Sync Mirror](https://npmmirror.com/sync/${packageName})",
"[Npm View](https://npmview.vercel.app/${packageNameAtVersion})",
"[Npm Trends](https://npmtrends.com/${packageName})",
"[Npm Graph](https://npmgraph.js.org/?q=${packageNameAtVersion})",
"[Npm Charts](https://npmcharts.com/compare/${packageName})",
"[Npm Stats](https://npm-stat.com/charts.html?package=${packageName})",
"[Moiva](https://moiva.io/?npm=${packageName})",
"[RunKit](https://npm.runkit.com/${packageName})",
"[Pkg Size](https://pkg-size.dev/${packageNameAtVersion})",
],
"package-manager-enhancer.packageHoverTooltip.badges": [
"[](https://www.npmjs.com/package/${packageName})",
"[](https://www.npmjs.com/package/${packageName}?activeTab=versions)",
"[](https://github.com/${githubUserAndRepo})",
"[](https://github.com/${githubUserAndRepo}/issues)",
"[](https://arethetypeswrong.github.io/?p=${packageNameAtVersion})",
// add more please check: https://shields.io/badges
],
}
this feature will reuse the setting package-manager-enhancer.packageJsonDependenciesCodeLens.dependenciesNodePaths
to recognize dependencies.
contributed by @hyoban.
also provide a quick fix:
settings:
{
"package-manager-enhancer.depsVersionCheck.enable": false,
"package-manager-enhancer.depsVersionCheck.dependenciesNodePaths": [
"dependencies",
"devDependencies",
"peerDependencies",
"resolutions",
"pnpm.overrides"
// "xxx.yyy.zzz"
]
}
If you like this feature, you may also interesting with cli: stale-dep
- outdated packages warning
-
pnpm why
visualization - color bundle size
- Open in External App
- Neo File Utils
- VSCode FE Helper
- VSCode archive
- Modify File Warning
- Power Edit
- Adobe Extension Development Tools
- Scripting Listener
Check all here: publishers/YuTengjing