for Windows and Linux
for OS X
Use the General page of the Settings dialog to configure the editor 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, a particular editor font size can be changed by
rolling the mouse wheel
while holding the Ctrl key.
If this option is unchecked, rolling the 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-n-drop code fragments in the editor. Refer to Using Drag-and-Drop in the Editor.|
|Use soft wraps in editor||
If this check box is selected, soft wraps (or word wraps) are used in the editor.
The horizontal scroll bar is not normally 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, if a line consists of a single string that is wider than the visible area.)
|Use original line's indent for wrapped parts||Select this check box to use custom indentation for soft wraps on resizing the editor or console. Specify the indent value in the Additional shift text field on the right.|
|Show soft wrap indicators for current line only||
If this check box is selected, the soft wrap characters
will be shown in the active logical line only.
Otherwise, soft wraps characters will be shown at the end of each line, and at the beginning of each next line.
|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.|
|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 documentation 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 modified lines in gutter||Select this check box if you want added/modified lines to be highlighted with a color stripe in the left editor gutter.|
|Different color for lines with whitespace-only modifications||
This option only becomes available if the Highlight modified lines in gutter option is enabled.
Select this check box if you want lines where only whitespaces were added/removed to be highlighted with a different color from lines with more significant modifications.
|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.
|Enable in-place mode||
Select or clear this check box to enable or disable in-place refactorings for .
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.
|Show inline dialog for local variables||Select this check box if you want to display a confirmation dialog for the "Inline local variable" refactoring.|
|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.|
|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.