Share via


Options dialog box: Text Editor > JavaScript > Formatting

Applies to: yesVisual Studio noVisual Studio for Mac

Note

This article applies to Visual Studio 2017. If you're looking for the latest Visual Studio documentation, see Visual Studio documentation. We recommend upgrading to the latest version of Visual Studio. Download it here

Use the Formatting page of the Options dialog box to set options for formatting code in the Code Editor. To access this page, on the menu bar, choose Tools > Options, and then expand Text Editor > JavaScript/TypeScript > Formatting.

Note

Your computer might show different names or locations for some of the Visual Studio user interface elements in this article. You may be using a different edition of Visual Studio or different environment settings. For more information, see Personalize the IDE.

Automatic Formatting

These options determine when formatting occurs in Source view.

UIElement List

Option Description
Format completed line on Enter When this option is selected, the Code Editor automatically formats the line when you choose the Enter key.
Format completed statement on ; When this option is selected, the Code Editor automatically formats the line when you choose the semicolon key.
Format opened block on { When this option is selected, the Code Editor automatically formats the line when you choose the opening brace key.
Format completed block on } When this option is selected, the Code Editor automatically formats the line when you choose the closing brace key.
Format on paste When this option is selected, the Code Editor reformats code when you paste it into the editor. The editor uses the currently defined formatting rules. If this option is not selected, the editor uses the original formatting of the pasted-in code.

New Lines

These options determine whether the Code Editor puts an open brace for functions and control blocks on a new line.

UIElement list

Option Description
Place open brace on new line for functions When this option is selected, the Code Editor moves the open brace associated with a function to a new line.
Place open brace on new line for control blocks When this option is selected, the Code Editor moves the open brace associated with a control block (for example, if and while control blocks) to a new line.

Spacing

These options determine how spaces are inserted in Source view.

UIElement list

Option Description
Insert space after comma delimiter When this option is selected, the Code Editor adds a space after comma delimiters.
Insert space after semicolon in 'for' statements When this option is selected, the Code Editor adds a space after each semicolon in the first line of a for loop.
Insert space before and after binary operators When this option is selected, the Code Editor adds a space before and after binary operators (for example, +, -, &&, ||).
Insert space after keywords in control flow statements When this option is selected, the Code Editor adds a space after JavaScript keywords in control flow statements.
Insert space after function keyword for anonymous functions When this option is selected, the Code Editor adds a space after the function keyword for anonymous functions.
Insert space after opening and before closing non-empty parenthesis When this option is selected, the Code Editor adds a space after the opening parenthesis and before the closing parenthesis if non-empty characters are present within the parentheses.

See also