WebStorm 2017.2 Help


On this page:


Whatever you do in WebStorm, you do that in the context of a project. A project is an organizational unit that represents a complete software solution. It serves as a basis for coding assistance, bulk refactoring, coding style consistency, etc.

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.

Project files

A project in WebStorm is represented in the Directory Based Format. A project directory is marked with /help/img/idea/2017.2/project_icon.png icon.

Such project directory contains the .idea directory, with the following files:

  • *.iml file that describes the project structure.
  • workspace.xml file that contains your workspace preferences.
  • A number of .xml files. Each .xml file is responsible for its own set of settings, that can be recognized by its name: projectCodeStyle.xml, encodings.xml, vcs.xml etc.

    Thus, for example, adding a new run/debug configuration and changing encoding will affect two different .xml files. This helps avoid merge conflicts when the project settings are stored in a version control system and modified by the different team members.

All the settings files in the .idea directory should be put under version control except the workspace.xml, which stores your local preferences. The workspace.xml file should be marked as ignored by VCS.

.idea directory is not visible in the Project view of the Project tool window.

Note: when a source or header file is not included into either CMake target and is not located under the source or library roots, CLion notifies you about it:

You can experience an incorrect behavior of such features like syntax highlighting, refactoring, code navigation etc. for such a file until you specify that file as a project one explicitly. To do that use one of the following approaches:
  1. Include a file into SOURCE_FILES variable of set () command in CMakeLists.txt file. For our example it should look as follows:
    set (SOURCE FILES main.cpp hello.cpp hello.h extrdef.h). For more details, refer to our Quick CMake Tutorial.
  2. Use #include preprocessor directive in the respective source files.
  3. For a library header files, specify the header search paths so that the IDE can index the respective directories and provide code completion and navigation facilities on #include statements:
    include_directories( ${MY_LIBRARY_DIR}) For more details, refer to our Quick CMake Tutorial .

Project types

The directory structure of each project contains the .idea directory for the WebStorm-specific settings and the project file, and libraries.

WebStorm suggests the following types of projects:

Complete project creation as described in the section Generating a Project from a Framework Template.

See Also

Last modified: 20 July 2017