WebStorm 2018.2 Help

Creating Projects

In WebStorm, you can create empty projects, open folders as projects, check out sources from your VCS and create a project from them. You can also generate a project by a framework templates so your new application is already bootstrapped with all the required packages and configurations.

Creating an empty project

  1. Click Create New Project on the Welcome screen or select File | New Project from the main menu.

  2. In the dialog that opens, select Empty Project in the right-hand pane and then specify the project location.

    Creating a new empty project

Creating a project from existing local sources

When the sources to work with are already on your machine, you can just open the folder where they are stored and arrange them in a WebStorm project:

  1. Click Open on the Welcome screen or select File | Open from the main menu.

  2. In the dialog that opens, select the directory that contains the desired source code.

  3. Click OK and specify whether you want the new project to be opened in a separate window or close the current project and reuse the existing one. See Opening multiple projects for details.

Checking out a project from Version Control

  1. Click Check out from Version Control on the Welcome screen or choose VCS | Check out from Version Control on the main menu.

  2. Select your version control system from the list.

  3. In the VCS-specific dialog that opens, type your credentials and the repository to check out the application sources from.

Generating framework-specific projects

WebStorm can create new framework-specific applications for you, set up their structure, and download the required packages, if necessary. You can also use the Yeoman generator, see Yeoman for details.

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

  2. In the right-hand pane, choose the template to use depending on the type of your application.

  3. The set of controls in the right-hand pane depends on the chosen template. For details, see Creating a new application on framework-specific pages under Languages and Frameworks.

Last modified: 24 September 2018

See Also

Concepts: