Overview

During project creation, WebStorm can generate a project stub for developing Web applications. The project structure is set up and some sources are generated based on external templates and frameworks downloaded upon your request.

Click Create, when ready. WebStorm launches the Express Project Generator tool that downloads all the required data, sets up the project structure, and opens the project either in the current window or in a new one, depending on your choice.

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

In the left-hand pane, choose Dart.

In the right-hand pane:

In the Location text box, specify the path to the project folder where the project-related files will be stored.

Specify the paths to the Dart SDK and to the Dartium executable file. WebStorm detects and displays the Dart version. If the SDK was downloaded within the Dart Editor Bundle, the path to Dartium is also detected and filled in automatically.

If necessary, you can open the Dart page of the Settings dialog box by clicking the Settings button and configure command-line options and a custom user data directory for Dartium.

Generating a Meteor application stub

When you click Create, WebStorm generates a skeleton of a Meteor application, including an HTML file, a JavaScript file, a CSS file, and a .meteor folder with subfolders. The .meteor/local folder, which is intended for storing the built application, is automatically marked as excluded and is not involved in indexing.

By default, excluded files are shown in the project tree. To have the .meteor/local folder hidden, click the button on the toolbar of the Project tool window and remove a tick next to the Show Excluded Files option.

Meteor uses Spacebars templates that are an extension of the Handlebars/Mustache templates. WebStorm recognizes Spacebars templates, but as a side effect marks HTML files in Meteor projects with the Handlebars/Mustache icon .

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

In the left-hand pane, choose Meteor App.

In the right-hand pane:

In the Location text box, specify the path to the project folder where the project-related files will be stored.

From the Template drop-down list, choose the sample to generate. To have a basic project structure generated, choose the Default option.

In the Filename text box, type the name for the mutually related .js, .html, and .css files that will be generated. The text box is available only if the Default sample type is selected from the Template drop-dow list.

Generating a PhoneGap/Cordova/Ionic application stub

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

In the left-hand pane, choose PhoneGap/Cordova App.

In the right-hand pane:

In the Location text box, specify the path to the project folder where the project-related files will be stored.

WebStorm can generate a project stub for developing applications using AngularJS. To generate an Angular stub, use Angular CLI, see Angular. To generate an Angular 1 application stub:

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

In the left-hand pane, choose AngularJS.

In the right-hand pane, in the Location text box, specify the path to the project folder where the project-related files will be stored.

When you click Create, WebStorm generates the AngularJS-specific project structure with all the required configuration files based on the AngularJS seed project

Download the AngularJS dependencies that contain the AngularJS code and the tools that support development and testing: launch the embedded Terminal (View | Tool Windows | Terminal or by hovering your mouse pointer over in the lower left corner of WebStorm and choosing Terminal from the menu and type npm install at the command line prompt. Learn more about the installation of dependencies in the Install Dependencies section of the readme.md file.

When you click Create, WebStorm generates a skeleton of a AngularJS application with the framework-specific structure.