WebStorm projects
Creating projects

Creating projects

Last modified: 07 September 2023

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.

WebStorm can also save the settings, files, and folders of any project and use them as a template when creating new projects.

Creating an empty project

Click Create New Project on the Welcome screen or select File | New | Project from the main menu.
In the dialog that opens, select Empty Project in the left-hand pane and then specify the project location.
If you specified the Default directory on the System settings page of the Settings dialog, WebStorm will suggest this default location. See Changing the default location for projects.

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 make it a WebStorm project:

Click Open on the Welcome screen or select File | Open from the main menu.
In the dialog that opens, select the directory that contains the desired source code.
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. For more information, refer to Opening multiple projects.

Alternatively, just drag the folder with your sources to the Welcome Screen.

https://resources.jetbrains.com/help/img/idea/2023.2/ws_create_project_drag_folder_1000.png

Checking out a project from Version Control

Click Get from VCS on the Welcome screen.
Alternatively, select File | New | Project from Version Control or Git | Clone… from the main menu.
Instead of Git in the main menu, you may see any other Version Control System that is associated with your project. For example, Mercurial or Perforce.
In the dialog that opens, select your version control system from the list and specify the repository to check out the application sources from. For more information, refer to Check out a project (clone).

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. For more information, refer to Yeoman.

Click Create New Project on the Welcome screen or select File | New | Project from the main menu. The New Project dialog opens.
In the left-hand pane, choose the template to use depending on the type of your application.
The set of controls in the right-hand pane depends on the chosen template. For more information, refer to Creating a new application on framework-specific pages under Languages and frameworks.

Project templates

Suppose you have a project with files and folders, settings, and configuration that you want to reproduce in new projects. You can save this project as a custom project template and then use this template for product creation.

Save a project as a template

Go to Tools | Save Project as Template.
In the dialog that opens, specify the name of the template and optionally provide a brief template description.
Note that WebStorm saves all project settings from the .idea folder in the template. So if you want your new projects to have some predefined run/debug configurations, select the Share checkbox in these configurations before you save the template.

Create a project from a template

Click Create New Project on the Welcome screen or select File | New | Project from the main menu.
In the dialog that opens, select the required template from the left-hand pane. Project templates are marked with .
In the right-hand pane, specify the project location.

Delete project templates

Go to Tools | Manage Project Templates.
Select the template that you want to remove and click .

Thanks for your feedback!

Was this page helpful?

Creating projects﻿

Creating an empty project﻿

Creating a project from existing local sources﻿

Checking out a project from Version Control﻿

Generating framework-specific projects﻿

Project templates﻿

Save a project as a template﻿

Create a project from a template﻿

Delete project templates﻿