WebStorm 11.0 Help

Create New Project: Select Project Type

File | New Project

Welcome Screen | Create New Project

Use this dialog box to create empty projects or generate project stubs for developing Web applications. WebStorm generates project stubs based on the following templates:

The left-hand pane of the dialog box shows a list of project types for which stubs can be generated.

The contents of the right-hand pane depend on the selected project type:

Project Type Pane

  • Empty Project: choose this option to get just a project folder without any contents. Specify the path to the project folder in the Location text box and click OK.
  • HTML5 Boilerplate: choose this option to have the project structure set up and some sources generated based on the HTML5 Boilerplate template. See for a description of the fields in the right-hand pane.
  • Web Starter Kit: choose this option to have the project structure set up and some sources generated in accordance with the Web Starter Kit requirements. See for a description of the fields in the right-hand pane.
  • React Starter Kit: choose this option to have the project structure set up and some sources generated according to the React requirements.
  • Twitter Bootstrap: choose this option to have the project structure set up and some sources generated based on the Twitter Bootstrap template. See for a description of the fields in the right-hand pane.
  • Foundation: choose this option to have the project structure set up and some sources generated based on the Foundation framework template. See for a description of the fields in the right-hand pane.
  • AngularJS: choose this option to have the project structure set up and some sources generated based on the AngularJS framework template.
  • Dart Web Application: choose this option to have the project structure set up and some sources generated for a Dart application.
  • Node.js Express App: choose this option to have the project structure set up and some project sources generated based on the Express framework. See for a description of the fields in the right-hand pane.
    The option is available only if the Node.js plugin is installed and enabled. The plugin is bundled with WebStorm and activated by default. If the plugin is not activated, enable it on the Plugins page of the Settings / Preferences Dialog as described in Enabling and Disabling Plugins.
  • PhoneGap/Cordova App: choose this option to have the project structure set up and some sources generated based on the PhoneGap, Apache Cordova, and Ionic frameworks. See for a description of the fields in the right-hand pane.
  • Meteor App: choose this option to have the project structure set up and some sources generated based on the Meteor frameworks. See for a description of the fields in the right-hand pane.
ItemDescription
Location In this text box, specify the path to the project folder where the project-related files will be stored.
Create

Click this button to create a new project.

See Also

Last modified: 23 December 2015