Run npm Scripts from package.json
Browse your package.json scripts and run in a dedicated tool window.
Use npm scripts, visually.
Got a project with npm run scripts in package.json? Let the
IDE help with a tool window to browse them and a dedicated tool
window to run them.
Modern web development means NodeJS tools which mean a package.json file.
This file sometimes has helper scripts under the scripts key. Running
these perform various project operations such as build.
PyCharm Professional makes it easy to browse and run these. There are
several different paths to opening the npm tool window:
Right-click on
package.jsonand chooseShow npm scriptsClick the
npmtool window on leftCmd-E npm
Note: If you leave the tool window open, resize it to take less vertical space.
Now that you can see the npm scripts, double-click on one to run that
npm script in a run window at the bottom. Behind the scenes, this creates
a temporary run configuration of type npm.
Sometimes your package.json changes and there's a new/changed/deleted npm
script. The npm tool window has a Reload scripts button in its mini-toolbar.
One surprising addition: the names of your npm scripts are available as
findable actions. If you have a build script and do Find Action, speed
searching for run build will let you immediately invoke it.