WebStorm 11.0.0 Help

Node.js and NPM

File | Settings | Languages&Frameworks | Node.js and NPM

This page appears in the Settings dialog box, when the Node.js plugin is enabled.

The plugin is bundled with WebStorm and activated by default. If it is not, enable it as described in Enabling and Disabling Plugins.

Node interpreterSpecify here the path to the Node.js executable.
VersionThis read-only field shows the current version of the framework.
Node.js Scope When developing a Node.js application it can be convenient to have code completion, reference resolution, validation, and debugging capabilities for Node core modules (fs\, path, http, etc.). However, these modules are compiled into the Node.js binary. WebStorm provides the ability to configure these sources as a JavaScript library and associate it with your project.
  • If the Node.js core module sources are not set up, WebStorm displays a notification Sources are not configured with a Configure button. Click this button to configure Node.js core sources in the Setting Up Node.js Sources dialog box that opens.
  • If the library is set up, WebStorm displays information about the currently configured version and an Edit usage scope link. Click this link to associate the desired directories with libraries.
Packages A number of tools are started through Node.js, for example, the CoffeeScript, TypeScript, and Less transpilers, YUI, UglifyJS, and Closure compressors, Karma test runner, Grunt task runner, etc. The Node Package Manager (npm) is the easiest way to install these tools, the more so that you have to install Node.js anyway. The Packages area shows a list of all the NPM-dependent packages that are currently installed on your computer.
  • Package: this read-only field shows the name of a package, exactly as it should be referenced if you were installing it in the command line mode.
  • Version: this read-only field shows the version of the package installed on your computer.
  • Latest: this read-only field shows the latest released version of the package. If a package is not up-to-date, it is marked with a blue arrow arrow_right.
  • Click add to have a new package installed. In the Available Packages dialog box that opens, select the relevant package. To have the package installed globally, select the Options check box and type -g in the Options text box. Global installation makes the package available at the WebStorm level so it can be used in any WebStorm project. Click Install Package when ready.
  • Click delete to have the selected package removed.
  • Click arrowUp to have the current version of the selected package replaced with the latest released version. The button is enabled only when the selected project is not up-to-date.

See Also

Last modified: 1 October 2015