Creating and Managing Projects

Whatever you do in WebStorm, you do that in the context of a project. A project in WebStorm is a folder with the source code your edit, the libraries and tools you use (for example, in the node_modules subfolder), and various app configuration files (for example, package.json or .eslintrc). In the .idea subfolder, WebStorm stores its internal configuration settings, for example, for the project code style or the version control system.

WebStorm does not support direct editing of files on remote hosts. Therefore to work with remote sources in WebStorm, you need to download them, open the folder where they are stored, and arrange them in a WebStorm project, as described in Creating a Project from Existing Local Sources. To keep your local and remote sources synchronized, configure automatic upload using the Upload changed files automatically to the default server drop-down list in the Options dialog box.

In this section:

• Creating Projects from Scratch in WebStorm
• Creating a Project from Existing Local Sources
• Generating a Project from a Framework Template
• Creating a Project Using Yeoman Generator
• Configuring Project Structure
• Creating Files and Directories
• Opening, Reopening and Closing Projects
• Opening Multiple Projects
• Working with WebStorm Features from Command Line
• Cleaning System Cache
• Renaming Projects