WebStorm 2019.1 Help

Yeoman

You can create framework-specific WebStorm projects using Yeoman tool.

Before you start

  1. Make sure you have Node.js on your computer.

  2. Install the Yeoman plugin on the Plugins page as described in Managing plugins.

To install and configure Yeoman in WebStorm

  1. In the embedded Terminal (Alt+F12), type:

    npm install -g yo

  2. In the Settings/Preferences dialog (Ctrl+Alt+S), go to Languages and Frameworks | JavaScript | Yeoman. On the Yeoman page that opens, specify the location of the globally installed yo package and select the Node.js interpreter to use. This can be a local Node.js interpreter or a Node.js on Windows Subsystem for Linux.

To configure a list of project stub generators

  1. Select File | New | Project from the main menu or click Create New Project on the Welcome screen. The Create New Project Dialog opens.

  2. In the left-hand pane, choose Yeoman.

  3. The right-hand pane shows all the previously installed Yeoman generators. Click Install Generator.

  4. From the dialog that opens showing all the available generator packages, select the required package in the left-hand pane and click the Install Generator button that appears in the right-hand pane. You can install several packages one after another without leaving the dialog.

    When the installation is over, click Close to return to the list of generators which is already expanded with the newly added package.

To create a project by a generator

  1. Select File | New | Project from the main menu or click Create New Project on the Welcome screen. The Create New Project Dialog opens.

  2. In the left-hand pane, choose Yeoman.

  3. The right-hand pane shows all the previously installed Yeoman generators. To expand the list, click Install Generator, see To install and configure Yeoman in WebStorm above.

    Select the required generator from the list and click Next.

  4. Specify the required settings in the New Project wizard that starts. The number of pages and their contents depend on the chosen generator.

  5. On the last page of the wizard, select or clear the Run npm install&bower install checkbox to specify whether you want to run Node Package Manager and Bower to install the packages that are required for developing the new project.

  6. Click Next and choose to open the new project in the current window or in the new one.

Last modified: 16 May 2019

See Also