Use the General page of the Settings dialog to configure the editor's behaviour and customize its view.
|Honor "CamelHumps" word settings when selecting using double click||
Select this check box to have WebStorm invoke the CamelHumps selection when words are selected by double-clicking.
This feature works only if the Use 'CamelHumps' words option is enabled.
|Change font size (Zoom) with Ctrl+Mouse Wheel||If this check box is selected, the particular editor font size can be changed by
rolling the mouse wheel
while holding the Ctrl key.
If this check box is not selected, rolling mouse wheel while holding the Ctrl key scrolls the editor.
|Enable Drag'n'Drop functionality in editor||If this check box is selected, you can drag code fragments in the editor. Refer to the section Using Drag-and-Drop in the Editor.|
|Use soft wraps in editor||
If this check box is selected, the soft wraps (or word wraps) are used in the editor.
Horizontal scroll bar in general is not shown, when this option is enabled. However, in certain cases, when a line cannot be "soft-wrapped", the horizontal scroll bar still appears (for example, a line consists of a single string that is wider than the visible area.)
|Use soft wraps in console||If this check box is selected, the soft wraps (or word wraps) are used in the console.|
|Use custom soft wrap indent||
Select this check box to use custom indentation for soft wraps on resizing the editor or console.
Specify the indent value in the text field to the right.
This field is only available when at least one of the Use soft wraps... check boxes is selected.
|Show all soft wraps||If this check box is selected, the soft wrap characters
will be always shown
at the end of each line, and at the beginning of each next line.
Otherwise, the soft wrap characters will be shown in the active logical line only.
|Strip trailing spaces on Save||
From this drop-down list, select the mode in which WebStorm will handle trailing spaces in the end of lines on file saving:
|Ensure line feed at file end on Save||Select this check box to have WebStorm automatically add an empty line in the end of a file during the save procedure.|
|Show quick doc on mouse move||Select this check box to show quick documentation for the symbol at caret. The quick documentation pop-up window appears after the specified delay.|
|Highlight on Caret Movement|
|Highlight matched brace||Select this check box to have WebStorm highlight pairs of opening/closing braces when you position the caret right before the opening or right after the closing one. It also works for HTML and XML tags.|
|Highlight current scope||Select this check box to have WebStorm highlight the available scope for the code typed in the current caret location.|
|Highlight usages of element at caret||Select this check box to have WebStorm highlight all usages of the element at which the caret is currently positioned.|
|Show notification after reformat code action||Select this check box to show a notification with changes in your code and a shortcut to the Reformat Code dialog every time you try to reformat the code. Otherwise, WebStorm will reformat code silently.|
|Show notification after optimize imports action||Select this check box to show notification with changes in your code. Otherwise, WebStorm will optimize imports silently.|
|Smooth scrolling||Select this check box to enable smooth scrolling in the editor.|
|Prefer scrolling editor canvas to keep caret line centered||Click this option to choose scrolling editor canvas and keeping the caret in place.
Keeping the caret in place and scrolling the editor canvas can be helpful in course of debugging session. As you step through the lines of code, the editor canvas scrolls, while the line at caret is always in the center of the screen.
|Prefer moving caret line to minimize editor scrolling||Click this option to choose moving the caret.
When you step through the lines of code during the debugging session, the caret moves down, and the editor canvas doesn't scroll until the caret line reaches the bottom of the screen.
|Allow placement of caret after end of line||If this check box is cleared, the caret never rests after the last symbol in a line.|
|Allow placement of caret inside tabs||Select this check box to allow placing the caret inside tab characters. The reason is that each tab character shows in the editor as a set of 'virtual' space characters.|
|Show virtual space at file bottom||If this check box is selected, the currently edited line (even if it is the final line) can be scrolled to the top of the screen. WebStorm adds the necessary amount of virtual lines.|
|Enable in-place mode||
Select or clear this check box to enable or disable in-place refactorings for language.
The in-place in connection with the refactorings means specifying all or most of the information necessary for the refactoring by typing, right in the editor. All the affected code fragments are highlighted and change as you type. If appropriate, additional refactoring options are selected in corresponding option boxes.
The in-place refactoring mode is available for the following refactorings:
If this check box is not selected, the refactoring settings for all of the refactorings are specified in the corresponding dialogs.
|Preselect old name||If this check box is selected, the old name of a symbol is selected when the Rename refactoring
is invoked for that symbol.
If check box is not selected, the symbol being renamed is not selected.
|Maximum number of contents to keep in clipboard||In this text box, specify how many code blocks can be kept in clipboard.|
|Recent file limit||In this text box, specify how many file names can be included in the list of recent files.|
|Console commands history size||In this text box, specify how many console commands will be included in the console history and can be browsed through.|
|Copy as rich text by default||Select this check box to copy a rich text from the editor to any other editor that recognizes RTF.
Note that you can override this option if you select Copy as Plain Text from the context menu in your editor and vice versa, using the Copy as Rich Text option from the context menu overrides the unselected check box in the editor settings.
|Color scheme||Use this drop-down list to select a color scheme for the text copy. You can select from the following option:
|Error stripe mark min height (pixels)||In this text box, specify the minimum size of the error and warning stripes.|
|Autoreparse delay (ms)||In this text box, specify the time period after which WebStorm starts reparsing the entered text.|
|'Next Error' action goes to high priority problems only||
Select this check box to have WebStorm pass through the highest priority problems only (for example, errors),
when executing Navigate | Next/Previous Highlighted Error command (F2/Shift+F2).
Clear this check box to have WebStorm pass through all the existing problems (for example, errors and warnings) sequentially.