Skip to content
| Marketplace
Sign in
Visual Studio>Tools>NPM Task Runner
NPM Task Runner

NPM Task Runner

Mads Kristensen

|
412,225 installs
| (38) | Free
Adds support for npm scripts defined in package.json directly in Visual Studio's Task Runner Explorer. Includes full support for Yarn
Download

Adds support for npm scripts defined in package.json directly in Visual Studio's Task Runner Explorer.

Yarn support

If either yarn.lock or .yarnclean exist in the same directory as package.json, then the Yarn CLI is being called instead of npm. This requires that you have manually installed Yarn.

npm scripts

Inside package.json it is possible to add custom scripts inside the "scripts" element.

{    "name": "test",    "version": "1.0.0",    "scripts": {        "watch-test": "mocha --watch --reporter spec test",        "build-js": "browserify -t reactify app/js/main.js | uglifyjs -mc > static/bundle.js"    }}

Task Runner Explorer

Open Task Runner Explorer by right-clicking the package.json file and select Task Runner Explorer from the context menu:

Open Task Runner Explorer

Execute scripts

When scripts are specified, the Task Runner Explorer will show those scripts.

Task list

Each script can be executed by double-clicking the task.

Console

Verbose output

A button for turning verbose output on and off is located at the left toolbar.

Verbose Output

The button is a toggle button that can be left on or off for as long as needed.

Bindings

Script bindings make it possible to associate individual scripts with Visual Studio events such as "After build" etc.

Visual Studio bindings

License

Apache 2.0

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