Package Manager Enhancer

Features

pnpm-workspace.yaml codeLens

package.json pnpm configuration schema

package.json files property codeLens

package.json dependencies codeLens

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"
  ]
}

npm script run in background

add missing dependencies

useful when you refactor code from one package to another new package.

corepack packageManager codelens

node version codelens

package.json dependencies definition

package hover tooltip

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": [
    "[![latest version](https://img.shields.io/npm/v/${packageName}?label=latest)](https://www.npmjs.com/package/${packageName})",
    "[![NPM Downloads](https://img.shields.io/npm/dw/${packageName})](https://www.npmjs.com/package/${packageName}?activeTab=versions)",
    "[![GitHub Repo stars](https://img.shields.io/github/stars/${githubUserAndRepo})](https://github.com/${githubUserAndRepo})",
    "[![GitHub Issues](https://img.shields.io/github/issues-raw/${githubUserAndRepo}?label=issues)](https://github.com/${githubUserAndRepo}/issues)",
    "[![NPM Type Definitions](https://img.shields.io/npm/types/${packageName})](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.

Find Npm Package

Find Path in node_modules

Deps check

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

.npmrc autocomplete

TODOs

• outdated packages warning
• pnpm why visualization
• color bundle size

My extensions

• 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