Create New Project Dialog
Use this dialog to create empty projects or generate framework-specific project stubs for developing applications.
The left-hand pane of the dialog shows a list of project types for which stubs can be generated. The set of available project types depends on the installed and activated plugins. The contents of the right-hand pane depend on the selected project type. The Location field is common for all project types.
Project type | Description |
---|---|
Empty Project | Choose this option to get just a project folder without any contents. Specify the path to the project folder in the Location field and click Create. |
HTML5 Boilerplate | Select this option to have the project structure set up and some sources generated based on the HTML5 Boilerplate template. To start using HTML5 Boilerplate in an existing project, download the latest stable release from the HTML5 Boilerplate official website and extract it in your project. Alternatively, open the embedded Terminal (Alt+F12) and type In the right-hand pane: |
Web Starter Kit | Select this option to create a project, set up its structure, and generate some sources in accordance with the Web Starter Kit requirements. In the right-hand pane: |
React App | Select this option to generate a project using a globally installed create-react-app package, see React for details. In the right-hand pane:
|
Bootstrap | Select this option to create a project, set up its structure, and generate some sources based on the Bootstrap template. In the right-hand pane: |
Foundation | Select this option to have the project structure set up and some sources generated based on the Foundation framework template. In the right-hand pane: |
AngularJS | Select this option to have the project structure set up and some sources generated based on the AngularJS framework template. In the right-hand pane, specify the path to the folder where the project-related files will be stored. |
Angular CLI | Select this option to get a stub where later you can automatically generate specific structures, such as Classes, Components, Routes, Pipes, Services, and so on, using the Angular CLI command-line interface. In the right-hand pane:
|
React Native | Select this option to create a React Native application . In the right-hand pane:
|
Node.js | Select this option to start a simple Node.js application. WebStorm just runs the In the right-hand pane, specify the project folder, the Node.js interpreter, and the package manager (npm or Yarn, see npm and Yarn for details). |
Node.js Express App | Select this option to have the project structure set up and some project sources generated based on the Express framework. In the right-hand pane:
|
Cordova App | Select this option to have the project structure set up and some sources generated based on the PhoneGap, Apache Cordova, and Ionic frameworks. In the right-hand pane: |
Yeoman | Select this option to get interface for generating framework-specific project stubs using the Yeoman tool. The right-hand pane shows all the previously installed Yeoman generators. Select the required generator from the list, click Next, and proceed as described in Yeoman. |
Meteor App | Select this option to have the project structure set up and some sources generated based on the Meteor frameworks. In the right-hand pane:
|
Vue.js | Select this option to create a Vue.js application using Vue CLI. In the right-hand pane:
|
Dart | Select this option to have the project structure set up and some sources generated for a Dart application. |