WebStorm 6.0.1 Web Help

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.

WebStorm generates project stubs based on the following templates:

In this section:

Generating a HTML5 Boilerplate, Twitter Bootstrap, or Foundation application stub
  1. On the main menu, choose File | New Project.

    Tip

    Alternatively, click the New Project button on the Welcome screen.

  2. In the Create New Project dialog box that opens, specify the project name and location.
  3. Choose the template to use depending on your preferences and the functionality to be implemented in your application. From the Project type drop-down list, choose one of the following items:
    • HTML5 Boilerplate: choose this option to use the HTML5 Boilerplate template. This is a starting project template that can be easily adapted to your needs.
    • Twitter Bootstrap: choose this option to use the Twitter Bootstrap template, which is an elaborate modular toolkit with rich HTML, CSS, and JavaScript support.
    • Foundation: choose this option to use the Foundation framework.
  4. Click OK, when ready.
  5. In the dialog box, that opens, choose the template version to use and click the Create button.
Generating a Node.js Express application stub
  1. On the main menu, choose File | New Project.

    Tip

    Alternatively, click the New Project button on the Welcome screen.

  2. In the Create New Project dialog box that opens, specify the project name and location.
  3. From the Project type drop-down list, choose Node.js Express App.
  4. In the Express App Project Settings dialog box, that opens, specify the following:
    • The location of the Node.js executable file node.exe.
    • The location of the Node.js package manager file npm.cmd.
    • To have Express sessions supported, select the Add session support check box.
    • Specify the Express template engine to use. From the Template engine drop-down list, choose one of the following:
      • Jade - haml.js successor.
      • EJS - embedded JavaScript.
    • Specify the CSS engine to use. From the CSS engine drop-down list, choose one of the following:
  5. Click OK, 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.
Generating a Dart application stub
  1. On the main menu, choose File | New Project.

    Tip

    Alternatively, click the New Project button on the Welcome screen.

  2. In the Create New Project dialog box that opens, specify the project name and location.
  3. From the Project type drop-down list, choose Dart Web Application.
  4. In the Dart Web Application dialog box that opens, specify the location of the Dart SDK. Click OK when ready.
Generating a project stub using Composer
You can have WebStorm generate a project stub from an existing package using Composer. In this case, Composer will be initialized and one package will be installed during the project stub creation. After that you can use Composer from the command line or through the user interface.
  1. On the main menu, choose File | New Project.

    Tip

    Alternatively, click the New Project button on the Welcome screen.

  2. In the Create New Project dialog box that opens, specify the project name and location.
  3. From the Project type drop-down list, choose Composer Project. The Composer Project Dialog opens.
  4. Appoint the Composer instance to use.
    • To use commands from a previously downloaded composer.phar, choose Use existing composer.phar: and specify it location in the text box.
    • To have a new instance of Composer downloaded, choose Download composer.phar from getcomposer.org:. The composer.phar file will be saved under the project root folder specified in the Create New Project dialog.
  5. In the Package area, specify the package to install during the project creation. Select the package to add from the Available Packages list, possibly using the search field, and choose the relevant version from the Version to install drop-down list.

See Also

Concepts:

Procedures:

Reference:

Web Resources: