WebStorm supports integration with the Node.js framework thus enabling running, debugging, and unit testing of Node.js applications.
WebStorm recognizes Node.js code and provides basic coding assistance and highlighting for it. To get guidance in Node development, see HowToNode.org.
In this section:
- Running and Debugging Node.js
- Using JADE Template Engine
- Download and install the Node.js framework.
- Make sure the Node.js plugin is enabled. The plugin is bundled with WebStorm and activated by default. If not, enable it as described in Enabling and Disabling Plugins.
The Node.js plugin introduces the following changes to the WebStorm UI:
- Node.js page is added to the Settings dialog box.
- Run/debug configurations are added.
- Choose Settings dialog box that opens, click Node.js and NPM under the Languages&Frameworks node. and in the
- On the Node.js and NPM page that opens, specify the location of the desired Node.js interpreter.
WebStorm displays the version of the interpreter.
- Configure the Node.js core module sources if they are not configured yet.
- Choose Settings dialog box that opens, click Node.js and NPM. and in the
- On the Node.js and NPM page that opens, click the Configure button. The Setting Up Node.js Sources dialog box opens.
In the Node.js sources location area, specify where to take the Node.js core module sources to use.
- If you have already downloaded the sources but have not extracted them from the archive, choose the Archive file: option. Specify the location of the downloaded archive in the File text box. Type the path to the file manually or click the Browse button and choose the file in the dialog box that opens.
- If you have already downloaded and extracted the sources, choose the Directory: option. In the Source root directory text box, specify the folder where the sources have been extracted to. Type the path to the folder manually or click the Browse button and choose the folder in the dialog box that opens.
In the Usage scope area, specify the visibility (Global or Project) and availability of the library to be configured.
- To restrict the visibility of the sources and the ability to reference them to the current project, select the Associate with project check box. WebStorm will configure the sources as a Project library and automatically enable referencing them from the entire current project. However you will be unable to associate them with any other projects later.
- To enable the use of the configured sources at the WebStorm level, clear the Associate with project check box. WebStorm will configure the sources as a Global library, so you will be able to associate them with other projects. However, the configured library will not be automatically associated with the current project, so you will have to configure its usage scope manually.
After the library configuration is completed, customize the library usage scope, if necessary.
Click the Edit usage scope link. In the Usage Scope dialog box that opens,
click the desired directories, and from the drop-down list select the newly configured Node.js core module sources library.
The use of a library is enabled recursively, that is, if a library is associated with a folder it is automatically enabled in all the nested directories and files.
- CoffeeScript Support
- Generating a Project from a Framework
- Node.js and NPM
- Run/Debug Configuration: Node JS
- Run/Debug Configuration: Node JS Remote Debug
- Run/Debug Configuration: NodeUnit