Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Wundero's Package Json Upgrade ForkNew to Visual Studio Code? Get it now.
Wundero's Package Json Upgrade Fork

Wundero's Package Json Upgrade Fork

Wundero

|
25 installs
| (0) | Free
Shows available updates in package.json files. Offers quick fix command to update them and to show the changelog.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

package-json-upgrade

Shows available updates in package.json. Offers quick actions to guide you in your updating.

Fork of the package by pgsandstrom but with enhanced support for pnpm and jsr.

Preview

The available updates are shown as color coded decoration to the right of each line.

feature X

The extension adds code actions that are available through the quick fix-command. Default keyboard shortcut is "ctrl + ."

These quick actions can update the dependency, but also links to the homepage and, if found, the changelog.

feature X

The extension will pick up your npm configurations and use them, so it works with proxies, private npm registries and scopes.

The extension also adds a command to update all dependencies in the package.json file.

Extension Settings

It is possible to add one or several regexp:s of dependencies that should be ignored by the extension. If you want to ignore all @types then your settings.json should look like this:

"package-json-upgrade.ignorePatterns": ["^@types/.+$"],

It is also possible to add ranges for versions that you wish to ignore. Lets say your application uses node v18. Then you can specify to ignore ">18" for "@types/node". The ranges should adhere to node-semver. The final json in your settings.json should look like this:

"package-json-upgrade.ignoreVersions": {
  "@types/node": ">18"
},

A config is available to control if the updates should always be shown when a package.json is opened, or if they should only be shown after triggering a command called "Toggle showing package.json available updates". This can be useful if you find that this extension is in the way when you are doing other work in your package.json file.

Several more configurations exists. Check out your vscode settings for the complete list. Here is an example with customized colors and text:

feature X

Links

Marketplace

How to install vscode extensions

Logo Credit

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft