Configuring Scopes and File Colors
Scope is a filtered subset of files and directories in your project. When you enable the Scopes view, you limit operations like search and code inspection to the selected scope. This section describes how to configure scopes and coloring of the files belonging to these scopes.
Creating a new scope
In the Settings/Preferences dialog (Ctrl+Alt+S), go to .
Click , select Local or Shared from the drop-down list, and Specify the name of the scope.
Local scopes are intended for personal use only and are stored in your workspace. By default, local scopes are stored in <project_folder>\.idea\workspace.xml.
Shared scopes are defined for the current project and accessible for the team members via VCS. By default, shared scopes are stored in the <project_folder>\.idea\scopes folder.
Configuring a list of items in a scope
In the Settings/Preferences dialog (Ctrl+Alt+S), go to and select the scope that you want to configure.
- To define a pattern for the scope, perform one of the following actions:
To include files and directories in the scope, select files and directories and press Include or Include Recursively (with subdirectories) buttons. To exclude a file or a directory, use Exclude or Exclude Recursively. WebStorm creates an expression and displays it in the Pattern field.
Specify a pattern in the Pattern field manually, using the scope language syntax .
Associating file color with a scope
Files that belong to different scopes can be highlighted in different colors throughout the WebStorm's user interface: in navigation lists, in the editor tabs, in the Project Tool Window. This allows much faster and easier navigation in large projects.
Associate file color with a scope
Navigate to File | Settings | Appearance & Behavior | File Colors.
Click Add ().
In the Add Color Label dialog, select a scope and pick a color for it.
Define the area where you want to use scope colors. To define the area, select Use in Editor Tabs or Use in Project View checkboxes.
Select the accessibility level of the scope color association. To share the color association, click the Share icon(). By default, file color associations are stored in <project_folder>\.idea\fileColors.xml.
Arranging the order of scopes
If some file is included into several scopes, the order of the scopes becomes important: WebStorm uses the color of the uppermost scope (shown in the Scopes settings page) to highlight such file. Of course, you can change the order of the scopes, and thus the resulted highlighting.
Arrange the order of scopes
Navigate to Files | Settings | Appearance & Behavior | Scopes.
Select a scope that you want to move.
To change the order, click Move Up () or Move Down icons ().