- Node.js framework is downloaded and installed on your computer.
The Node.js plugin is installed and enabled.
The plugin is not bundled with PhpStorm, but it is available from the PhpStorm plugin repository. Once enabled, the plugin is available at the IDE level, that is, you can use it in all your PhpStorm projects.
Changes to the UI
The Node.js plugin introduces the following changes to the PhpStorm UI:
- Node.js page is added to the Settings dialog box.
- Dedicated button appears on the main toolbar. Clicking this button opens the Node.js settings dialog box.
- Run/debug configurations are added.
- Do one of the following:
- In the Node.js page, specify the location of the desired Node.js interpreter.
PhpStorm displays the version of the interpreter.
- Configure the Node.js core module sources if they are not configured yet.
- Do one of the following:
- 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. PhpStorm 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 PhpStorm level, clear the Associate with project check box. PhpStorm 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.