WebStorm also uses the path to the chosen package manager every time you invoke the Run 'npm install'/ Run 'yarn install'/ Run 'pnpm install' command or run an npm/Yarn/pnpm script, see Running and debugging scripts for details. WebStorm automatically uses the chosen package manager when you select the Project alias from the Package manager list in the Run/Debug Configuration: NPM dialog.

To use a custom installation of a package manager, click Select, and select the installation folder of the relevant package manager. If you choose another Node.js version, WebStorm also changes the npm aliased path to point to the npm version bundled with the selected Node.js version. WebStorm uses the npm, yarn, and pnpm aliases for the current system paths to these managers. Select npm, yarn, or pnpm to use the system default installation. In the Package manager field, specify the package manager for your project. In the Settings/Preferences dialog ( Ctrl+Alt+S), go to Languages & Frameworks | Node.js. You can also set Yarn 1 or pnpm as default WebStorm package manager. However if you open a project with a yarn.lock file and Yarn is installed on your computer, WebStorm automatically changes the package manager for this project to Yarn.Īccordingly, if you open a project with a pnpm-lock file and pnpm is installed on your computer, WebStorm automatically changes the package manager for this project to pnpm. With WebStorm, you can choose whether to use npm, Yarn, Yarn 2, or pnpm in a project.īy default, WebStorm suggests npm. Learn more from the pnpm official website. To use pnpm, open the embedded Terminal ( Alt+F12) and type:

To use Yarn, install it as described on the Yarn official website. Note that npm is also installed, so if you are going to use it, you are through with the preliminary steps. Before you startĭownload and install Node.js. WebStorm detects projects with Yarn workspaces and indexes all the dependencies that are listed in the package.json files of the workspaces but are located in the root node_modules folder. See npm, Yarn, and pnpm official web sites for details. WebStorm parses package.json files, recognizing definitions of scripts, shows scripts in a tree view, and lets you navigate between a script in the tree and its definition in the package.json file.

WebStorm also lets you run and debug npm, Yarn, and pnpm scripts. WebStorm integrates with the npm, Yarn, Yarn 2, and pnpm, so you can install, locate, update, and remove packages of reusable code from inside the IDE, in the built-in Terminal.

Npm config help