Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Monorepo ToolsNew to Visual Studio Code? Get it now.
Monorepo Tools

Monorepo Tools

ztessema

|
1 install
| (0) | Free
A set of tools to help manage a monorepo
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info


Monorepo Tools logo

Monorepo Tools

Monorepo Tools is a VS Code extension that adds a suite of tools to help manage developing under a monorepo folder structure.

Table of Contents

  • Features
    • Project Management
    • Package Management
    • Monorepo Tree
    • Script Annotations
    • Other Tools
  • Settings
  • Changelog
  • Related

Features

Project Management

Current Project Selector:

Sets the project in the workspace that is being actively worked on.
This project is used as the default when running various commands and when using the Run Project Status Bar button.

Switch Current Project button

Building Projects:

There are two ways to build all projects in the workspace:

  1. The Build All Projects Status Bar button
    Build All Projects button
  2. The Build Projects Monorepo Tree button.
    Build Projects button
Both buttons will run the following command: [PACKAGE MANGER] run [BUILD SCRIPT]

Note: To run this command, the root package.json file needs a script with the same name as the BUILD SCRIPT setting.

Running Projects:

There are two ways to run a project:

  1. The Run Project Status Bar button
    Run Project button
  2. The Run Project Monorepo Tree button.
    Run Project button
Both buttons will run the following command: [PACKAGE MANGER] run [RUN SCRIPT]:[PROJECT]

Note: To run this command, the root package.json file needs a script with the same name as the RUN SCRIPT setting.

Package Management

Package Manager Selector:

Sets the Package Manager to use in the current workspace.
This is the package manager used when installing packages or when using the build/run commands.

Switch Package Manager button

Install Package(s):

This Status Bar button will open a QuickPick to:

  • Install all workspace packages
  • Install All Packages button
  • Select a project and search for an npm package to install as a dependency or devDependency
  • Install Package button

Monorepo Tree

Features

  • View internal monorepo dependencies
  • Install all project dependencies
  • Install dependency into specific project
  • Build all projects
  • Run specific project
  • Shortcut to project's package.json file
  • Highlight current active project
Monorepo Tree panel

Script Annotations

Add user defined annotations to package.json file scripts

Annotations are stored in the ANNOTATIONS setting.
sample package.json screenshot

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

Other Tools

Button to show the terminal panel:

show terminal button

Button to toggle the bottom panel visibility:

toggle bottom panel button

Settings

Name ID Description
Type
Default

Package Manager

MonorepoTools.packageManager The Package Manager to use when running scripts.
Options

npm pnpm bun
npm

Run Script Name

MonorepoTools.runScriptName The name of the script to use when building applications. String dev

Build Script Name

MonorepoTools.buildScriptName The name of the script to use when running applications locally. String build

Annotations

MonorepoTools.annotations List of script names and their descriptions.
Used to display as inline file annotations in the package.json file.
List
Item name of the script
Value description of the script
dev run application in dev mode
build build application for production mode

Hide Annotations

MonorepoTools.hideAnnotations Determines if the package.json file annotations should be hidden. Boolean false

Changelog

See CHANGELOG for more information.

Related

Other VS Code extensions that I've created
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft