WebStorm 2017.3 Help

Keymap:

Select Path Dialog

Use this dialog to select the necessary files or folders.

The dialog name and the available functions depend on the task you are performing at the moment (inappropriate functions are normally disabled). For example, depending on the situation, you may be able to select only one item, or a number of items. There may be cases when you can select a folder or folders but cannot select a file or files, etc.

Main functions

Most of the functions available in this dialog are accessed by means of the toolbar icons (shown in the Icon column). Alternatively, you can use context menu commands (accessed by right-clicking items in the tree; listed in the Command column) or keyboard shortcuts (the Shortcut column).

Icon

Command

Shortcut

Description

Home

Ctrl+1

Use this icon, command or shortcut to select your home directory. For example, on Windows, this may be C:\Users\<your_name>.

Desktop

Ctrl+D

Use this icon, command or shortcut to select the Desktop directory

Project

Ctrl+2

Use this icon, command or shortcut to select your project root directory.

New Folder

Alt+Insert

Use this icon, command or shortcut to create a new folder in the selected folder.

Delete

Delete

Use this icon, command or shortcut to delete the selected file or folder.

Refresh

Ctrl+Alt+Y

Use this icon, command or shortcut to synchronize the tree with the current state of the file system.

(Under certain circumstances, WebStorm may not be aware of the changes made externally unless you use this command.)

Show or Hide Hidden Files and Folders

Use this icon or command to turn showing hidden files and folders on or off.

Hide or Show path

Ctrl+P

Use this command or shortcut to hide or show the path field. (The command is located on the toolbar in the right-hand part of the dialog and is shown as a hyperlink.)

Path field

The path field (if not hidden) is located underneath the toolbar. This field shows the path to the item selected in the tree.

By using the path auto-completion feature available in this field, you can quickly navigate through the file system to select the necessary file or folder.

To activate path auto-completion, place the cursor in the field and press Ctrl+Space. Start typing. A pop-up will appear showing the contents of the current directory. Select an item in the pop-up. Continue typing and selecting until the necessary item is selected.

Use the button to the right to show the history list of recent entries.

Using drag-and-drop from a file browser

You can quickly locate and select the necessary file or folder if you drag the corresponding item from your file browser (Explorer, Finder, etc.) into the area where the tree is shown.