Skip to content

tjx666/package-manager-enhancer

Repository files navigation

Package Manager Enhancer

Version Installs Downloads Rating Star Last Updated

CI PRs Welcome Github Open Issues LICENSE

Features

pnpm-workspace.yaml codeLens

pnpm-workspace.yaml codeLens

package.json pnpm configuration schema

package.json pnpm configuration schema

package.json files property codeLens

package.json files property codeLens

package.json dependencies codeLens

package json dependencies codeLens

You can click editor title icon toggle it:

toggle package json dependencies codeLens

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

npm script run in background

add missing dependencies

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

add missing dependencies

corepack packageManager codelens

corepack PackageManager codelens

node version codelens

node version codelens

package.json dependencies definition

package.json dependencies definition

package hover tooltip

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 Npm Package usage gif

Find Path in node_modules

Find Path in node_modules usage gif

Deps check

contributed by @hyoban.

deps check

also provide a quick fix:

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

ScreenShot 2024-07-14 12 58 00

TODOs

My extensions

Check all here: publishers/YuTengjing