Phpstorm Nodejs



This page appears only when the Node.js bundled plugin is enabled in the Installed tab of the Settings/Preferences | Plugins page as described in Managing plugins.

  1. Phpstorm Nodejs Plugin
  2. Phpstorm Nodejs Debugging

The following Node.js versions are supported in PhpStorm 2020.3:

Then, in your project folder by using PHPStorm's terminal (or the Window's cmd) you need to initialize npm.In the terminal type: npm init -y. In your project folder this will create nodemodules folder with all the packages you are installing. It will also create package.json file with the dependencies information. Npm's file package.json is kind of a recipe/grocery list of our project with. Windows node.js less phpstorm. Improve this question. Follow edited Apr 2 '13 at 2:42. 123k 26 26 gold badges 200 200 silver badges 246 246 bronze. Plugin 'Node.js' is incompatible with this installation: since build 203.4449 IC-202.7660.26.

  • Node.js 10

  • Node.js 12

  • Node.js 14

  • Node.js 15

Learn more from Supported Node.js versions

Phpstorm nodejs debugging
ItemDescription
Node interpreter

In this field, specify the default Node.js interpreter for the current project. PhpStorm will automatically use it every time you select the Project alias from Node Interpreter lists when creating run/debug configurations or configuring Node.js-dependent tools, for example, Prettier or ESLint.

Select a configured interpreter from the list or click and configure a new one in the dialog that opens as described in Configuring a local Node.js interpreter. If you select node, the system Node.js version is used.

Here you can choose or configure only a local Node.js interpreter, that is, a Node.js installed on your computer, or a Node.js on Windows Subsystem for Linux, see Configuring a local Node.js interpreter and Using Node.js on Windows Subsystem for Linux for details.

Remote interpreters are configured in the Configure Node.js Remote Interpreter dialog accessible from the Run/Debug Configuration: Node.js. See Node.js with Docker, Node.js via SFTP, Node.js via SSH, and Node.js with Vagrant for details.

VersionThis read-only field shows the current version of Node.js.
Coding assistance for Node.js

Select this checkbox to configure the Node.js Core module sources as a JavaScript library and associate it with your project. As a result, PhpStorm provides code completion, reference resolution, validation, and debugging capabilities for fs, path, http, and other parts of Node.js that are compiled into the Node.js binary.

When the configuration is completed, PhpStorm displays information about the currently configured version.

If you need code completion for Node.js APIs only in some parts of your project, you can configure that using the Manage scopes link. In the Usage dialog that opens, click the relevant directories and for each of them select the configured Node.js Core library from the list. Learn more from Configuring the scope of a library.

Package manager

In this field, choose the package manager (npm, Yarn, or pnpm) for the current project.

PhpStorm uses the npm, yarn, and pnpm aliases for the current system paths to these managers. To use a custom installation, click Select, and select the installation folder of the relevant package manager, see Configuring a package manager for a project for details.

By default, PhpStorm suggests npm. However if you open a project with a yarn.lock file and Yarn is installed on your computer, PhpStorm automatically changes the package manager for this project to Yarn.

Accordingly, if you open a project with a pnpm-lock file and pnpm is installed on your computer, PhpStorm automatically changes the package manager for this project to pnpm.

You can also set Yarn 1 or pnpm as default PhpStorm package manager.

Packages

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 .

  • Click to have a new package installed. In the Available Packages dialog that opens, select the relevant package. To have the package installed globally, select the Options checkbox and type -g in the Options field. Global installation makes the package available at the PhpStorm level so it can be used in any PhpStorm project. Click Install Package when ready.

  • Click to have the selected package removed.

  • Click 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.

PhpStorm helps you run and debug your Node.js applications. You can debug applications that are started from PhpStorm as well as attach to already running applications.

Before you start

Make sure the Node.js bundled plugin is enabled on the Settings/Preferences | Plugins page, see Managing plugins for details.

Running a Node.js application

PhpStorm runs Node.js applications according to a run configuration of the type Node.js. PhpStorm also uses this configuration to start the debugger together with Node.js applications.

Create a Node.js run/debug configuration

Phpstorm
  1. From the main menu, choose Run | Edit Configuration, then in the Edit Configurations dialog, click on the toolbar and select Node.js from the list. The Run/Debug Configuration: Node.js dialog opens.

  2. Specify the Node.js interpreter to use. This can be a local Node.js interpreter or a Node.js on Windows Subsystem for Linux.

  3. In the JavaScript File field, specify the path to the main file of the application that starts it (for example, bin/www for Express applications).

  4. Optionally:
    • Specify the Node Parameters that customize the start of Node.js. For example, you may want to enable an experimental Node.js feature or pass another option, see the Node.js official website for details.

      The default debugger port is 5858.

    • In the Application parameters field, specify the Node.js-specific arguments to be passed to the application on start through the process.argv array.

Run an application

  • Select the newly created Node.js configuration from the Select run/debug configuration list on the toolbar and click next to it. The application starts, and the Run tool window opens showing the application output.

If you are using a logging tool like morgan in your application and this tool writes logs to a file, you can see these logs in the Console tab of the Run tool window.

Manage logs when running a Node.js application

  1. Create a Node.js run/debug configuration as described above and go to the Logs tab.

  2. Click next to the Log files to be shown in console field which lists the available log files (if any).

  3. In the Edit Log Files Aliases dialog that opens, type the alias name to show in the list of log entries and specify the location of the log file. Select whether you want to show all files that this pattern covers or only the last one.

  4. Click OK to return to Node.js Run/Debug Configuration dialog, where the new log file is added to the list. Select the Is Active checkbox next to it. To skip the previous content, select the Skip Content checkbox.

  5. Optionally:
    • To enable saving the Process Console output to a log file, select the Save console output to file checkbox and specify the file location.

    • Choose when you want the Process Console shown.

Debugging a Node.js application

PhpStorm makes it easier to debug Node.js applications. You can put breakpoints right in your JavaScript or TypeScript code so you no longer need any debugger and console.log() statements. You can do many things that will help you explore the code and understand where the bug is. In the Debug tool window, you can view the call stack and the variables in their current state, evaluate expressions in the editor, and step through the code.

You can initiate a debugging session in two ways:

  • Start the debugger together with your application using a Node.js run/debug configuration.

  • Attach the debugger to an already running application. In this case, your application is already running in the debug mode and PhpStorm attaches to a running process.

    PhpStorm recognizes --inspect, --inspect-brk, and now deprecated --debug flags so you can make any application accessible for debugging.

    To debug a running application, use an Attach to Node.js/Chrome configuration.

With PhpStorm, you can also debug Node.js applications that are running in Vagrant boxes, in Docker containers, or on remote hosts accessible via various transfer protocols or via SSH.

Starting the debugger together with a Node.js application on your computer

  1. Set the breakpoints in the code where necessary.

  2. Create a Node.js run/debug configuration as described above. If necessary, PhpStorm can generate a JavaScript Debug configuration and start it automatically together with the Node.js configuration as described in Debugging the server- and the client-side code.

  3. Select the newly created Node.js configuration from the Select run/debug configuration list on the toolbar and click next to it. The Debug tool window opens.

  4. Perform the steps that will trigger the execution of the code with the breakpoints.

  5. Switch to PhpStorm, where the controls of the Debug tool window are now enabled. Proceed with the debugging session — step through the breakpoints, switch between frames, change values on-the-fly, examine a suspended program, evaluate expressions, and set watches.

Debugging a running Node.js application

With PhpStorm, you can debug an already running application with the Chrome Debugging Protocol or with the V8 Debugging Protocol (also known as Legacy Protocol ).

In either case, a debugging session is initiated through an Attach to Node.js/Chrome configuration.

Start the debugger from the built-in Terminal or from the Run or Debug tool window

If an application was started with the --inspect or --inspect-brk flag, you can start a debugging session from the built-in Terminal, from the Run tool window, or from the Debug Debut by nch software registration code 2018. tool window.

  1. Run your application with an --inspect or --inspect-brk flag. You can do that in several ways, for example:

    • Open the embedded Terminal (Alt+F12) and, type:

      node --inspect-brk <path to the starting page of your application relative to the project root>

    • Launch a script from package.json or from the npm tool window, see Run and debug scripts for details.

      Depending on the action you select from the list, the output will be shown in the Run or in the Console tab of the Debug tool window.

  2. The Terminal, the Run tool window, or the Console tab of the Debug tool window shows an information message Debugger listening <host>:<port>, the default port is 9229. To start debugging, hold Ctrl+Shift and click the link.

    PhpStorm starts a debugging session with an automatically generated Attach to Node.js/Chrome configuration.

    Alternatively, copy the port number from the Debugger listening <host>:<port> message and paste it later in the Attach to Node.js/Chrome configuration.

Debug with Chrome Debugging Protocol

Use this protocol to debug applications started with the --inspect or --inspect-brk flag. This flag is used with Node.js versions later than 6.3.

  1. Set the breakpoints as necessary.

  2. Select Run | Edit Configurations from the main menu, then click in the Edit Configuration dialog that opens, and select Attach to Node.js/Chrome from the list. The Run/Debug Configuration: Attach to Node.js/Chrome dialog opens.

  3. Specify the host where the target application is running and the port passed to --inspect or --inspect-brk when starting the Node.js process to connect to. Copy the port number from the information message Debugger listening <host>:<port> in the Terminal tool window or in the Run tool window that controls the running application. The default port is 9229.

    Optionally: specify the remote paths for the project folders in the Remote URLs of local files area. This is helpful if the root folder of the running application is different from the name of you PhpStorm project root folder.

  4. In the Attach to area, select Chrome or Node.js > 6.3 started with --inspect.

  5. Select the newly created Attach to Node.js/Chrome configuration from the Select run/debug configuration list on the toolbar and click next to it. The Debug tool window opens.

  6. Perform the actions that will trigger the code at the breakpoint. Control over the debugging session returns to PhpStorm.

  7. Switch to PhpStorm. In the Debug tool window, step through the breakpoints, switch between frames, change values on-the-fly, examine a suspended program, evaluate expressions, and set watches.

Debug with V8 Debugging Protocol

Use this protocol to debug applications started with the --debug flag. This flag is used with Node.js versions earlier than 8.

  1. Create an Attach to Node.js/Chrome run/debug configuration as described above and specify the host and the port passed to --debug. The default port is 9229.

  2. Make sure the application to debug was launched with the following parameters: --debug=<debugger port>. The default port is 5858.

  3. Proceed as during a debugging session with Chrome Debugging Protocol.

Debugging a Node.js application that uses nodemon

See Running and debugging scripts for details.

The PhpStorm built-in debugger can automatically reconnect to running Node.js processes. This lets you debug Node.js applications that use the nodemon utility, which automatically reloads your Node.js process when the code is updated.

To debug such application, you need to start it in the debug mode (with the --inspect or --inspect-brk flag) and then connect to it using the Attach to a Node.js/Chrome debug configuration with the Reconnect Automatically option on.

Install nodemon

Phpstorm Nodejs Plugin

  • In the embedded Terminal (Alt+F12), type npm install --save-dev nodemon or yarn add nodemon --dev to install nodemon as a development dependency.

Start an application with nodemon in the debug mode

  • Create and run the following npm debug script:

    debug': 'nodemon --inspect <path_to_the_file_that_starts_your_application>

    See Running and debugging scripts for details. Ps3 eye camera driver windows 10 free.

  • Alternatively, pass the inspect flag through a Node.js run/debug configuration as described above.

Debug an application

Phpstorm Nodejs Debugging

  1. Set the breakpoints in your code as necessary.

  2. Create a new Attach to a Node.js/Chrome configuration as described in Debugging a running Node.js application and select the Reconnect automatically checkbox.

    Usually, you don’t need to change the port in the configuration 9229 because it’s the default port the debugger is listening on. But you can double-check what port is used in the message logged when you run the app in the debug mode.

  3. Select the newly created Attach to Node.js/Chrome configuration from the Select run/debug configuration list on the toolbar and click next to it. The debugger stops at the breakpoints that you put in your code in PhpStorm.

    Now, every time you make any changes to the code and save them Ctrl+S, nodemon will automatically reload the application and the debugger will automatically re-attach to the restarted process.