Working with WebStorm 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,
.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.