Package Manager Tools

Package Manager Tools is a VS Code extension that adds a suite of tools to help with package managers, npm packages and package.json files.

Table of Contents

• Features
  • Package Manager Buttons
  • Annotations
  • Other Tools
• Settings
• Changelog
• Related

Features

Package Manager Buttons

Buttons to select which package manager to use for the current workspace

Buttons to manage installed npm packages:

• Install all/specific package(s)
• Remove specific package(s)
• List all packages

Button to get package manager's currently installed version:

Annotations

Add user defined annotations to package.json file scripts

Annotations are stored in a package.annotations.json file in the same directory as the package.json file.

The schema for the package.annotations.json file is the same as the package.json file's "scripts" section.

Any entry in the package.annotations.json file that matches a script in the package.json file will be displayed in the package.json file as an annotation:

You can create package.annotations.json files manually or you can use the Annotations Generator to create an annotation file for every package.json file in your workspace.

Note: Editor Code Lens must be enabled in VS Code settings for the annotations to appear.

Other Tools

Buttons to automatically bump the version of the app:

Button to toggle the terminal:

Settings

Name	Description	Options
PackageManagerTools.packageManager	The Package Manager to use when running npm package commands.	npm(default) pnpm bun
PackageManagerTools.buttonLabels	Determines how the status bar button labels should be displayed.	icons text both(default)
PackageManagerTools.hideMissingAnnotationsWarning	Hides the Generate Annotations status bar warning button.	true false(default)
PackageManagerTools.hideTerminalButton	Hides the Terminal status bar button.	true false(default)
PackageManagerTools.hidePackageManagerButton	Hides the Package Manager Switcher status bar button.	true false(default)
PackageManagerTools.hideInstallAllButton	Hides the Install All status bar button.	true false(default)
PackageManagerTools.hideInstallButton	Hides the Install status bar button.	true false(default)
PackageManagerTools.hideRemoveButton	Hides the Remove Package status bar submenu.	true false(default)
PackageManagerTools.hideListButton	Hides the List Packages status bar submenu.	true false(default)
PackageManagerTools.hideVersionButton	Hides the Get Version status bar submenu.	true false(default)
PackageManagerTools.hideUpdateVersionButton	Hides the Update App Version status bar button.	true false(default)

Changelog

See CHANGELOG for more information.

Related

Other VS Code extensions that I've created