In the Package manager field, specify the package manager for your project. In the Settings 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, pnpm, Yarn, Yarn 2, and Yarn 3, so you can install, locate, update, and remove packages of reusable code from inside the IDE, in the built-in Terminal.

Yarn install mac