Manage Code Editor Settings
To customize a code editor to your liking or to enforce consistent code formatting styles for everyone who works on an application, use the Editor Settings option in a code editor's context menu. Doing this brings up the settings.json file, which you can use to control how a code editor functions:
               
Use 
                        
                           
                              
                     
                     
                  
               settings.json to control tab width, font size, and more. By default, only a handful of settings show, but you can include several more properties as listed here. 
                     | Setting | Description | Default | 
|---|---|---|
| editor.acceptSuggestionOnEnter | Whether insight suggestions should be accepted on pressing the Enter key, in addition to the Tab key:
                                    
  | 
                                 on | 
                              
| editor.accessibilityPageSize | Number of lines read out by a screen reader | None | 
| editor.accessibilitySupport | Whether the editor should be optimized for use with screen readers:
                                    
  | 
                                 on | 
                              
| editor.autoIndent | Control automatic indentation while typing:
                                    
  | 
                                 advanced | 
                              
| editor.cursorBlinking | Control cursor blinking: 
                                    
  | 
                                 blink | 
                              
| editor.cursorStyle | Control the appearance of the cursor:
                                    
  | 
                                 line | 
                              
| editor.cursorWidth | When cursorStyle is set to line, controls the width of the line
                                  | 
                                 2 | 
                              
| editor.cursorSurroundingLines | Minimum number of lines visible above and below the cursor, starting with 0 | 0 | 
                              
| editor.cursorSurroundingLinesStyle | Whether cursorSurroundingLines should be enforced:
                                    
  | 
                                 default | 
                              
| editor.dragAndDrop | Enable or disable drag and drop of a selection: true or false | 
                                 false | 
                              
| editor.emptySelectionClipboard | Whether copying without selection should copy the current line: true or false | 
                                 true | 
                              
| editor.folding | Enable or disable code folding: true or false. The folding margin disappears when folding is disabled.
                                  | 
                                 true | 
                              
| editor.fontFamily | Font family to use in the editor | monospace | 
                              
| editor.fontSize | Control text font size in pixels, starting with 10. A value under 10 may be difficult to read. | 14 | 
                              
| editor.fontWeight | Weight of the font used in the editor: normal, bold, or numbers between 1 and 1000
                                  | 
                                 normal | 
                              
| editor.formatOnPaste | Whether pasted content should be automatically formatted: true or false | 
                                 false | 
                              
| editor.formatOnType | Whether a line should be automatically formatted while typing: true or false | 
                                 false | 
                              
| editor.insertSpaces | Insert spaces (instead of tabs) when the Tab key is used for indentation | true | 
                              
| editor.letterSpacing | Control spacing between letters, in pixels | None | 
| editor.lineHeight | Control height of a line | None | 
| editor.matchBrackets | Whether matching brackets should be highlighted when the cursor is at a brace: always, never, or near | 
                                 always | 
                              
| editor.mouseWheelScrollSensitivity | Numbers of lines to scroll when the mouse wheel is used | 1 | 
                              
| editor.mouseWheelZoom | Whether pressing the Control key and the mouse wheel should change font size: true or false | 
                                 false | 
                              
| editor.multiCursorModifier | Modifier to be used with a mouse click to create multiple cursors:
                                    
  | 
                                 alt | 
                              
| editor.occurrencesHighlight | Whether to track cursor and highlight other occurrences of the current word or variable: true or false | 
                                 true | 
                              
| editor.renderLineHighlight | Controls how the current line is highlighted:
                                    
  | 
                                 all | 
                              
| editor.renderWhitespace | Control how the editor should render whitespace characters:
                                    
  | 
                                 selection | 
                              
| editor.selectOnLineNumbers | Whether the line should be selected if the line number is clicked: true or false | 
                                 true | 
                              
| editor.showFoldingControls | Control when folding controls show:
                                    
  | 
                                 mouseover | 
                              
| editor.showUnused | Whether unused variables should be faded out: true or false | 
                                 None | 
| editor.suggestFontSize | Font size for insight suggestions | None | 
| editor.suggestLineHeight | Line height for insight suggestions | None | 
| editor.suggestOnTriggerCharacters | Whether insight should be triggered by special characters: true or false | 
                                 true | 
                              
| editor.suggestSelection | Controls how suggestion history works:
                                    
  | 
                                 None | 
| editor.tabCompletion | Enable or disable completion by pressing the Tab key:
                                    
  | 
                                 None | 
| editor.tabSize | Number of spaces a tab is equal to, starting with 1 | 2 | 
                              
| editor.theme | Changes the editor's color theme: redwood, vs, vs-dark, or hc-black | 
                                 redwood | 
                              
| editor.wordWrap | Controls word wrap in the editor:
                                    
  | 
                                 off | 
                              
| editor.wordWrapColumn | Number of columns to use when wordWrap is set to wordWrapColumn, starting with 20 | None | 
| editor.wrappingIndent | Controls how a wrapped line is rendered:
                                    
  | 
                                 same | 
                              
| editor.minimap.enabled | Show or hide the code minimap. | true | 
                              
| editor.minimap.size | Control the size of the minimap: 
                                    
  | 
                                 fit | 
                              
| editor.minimap.side | Where to render the minimap: right or left | 
                                 right | 
                              
| editor.minimap.renderCharacters | Render characters on a line as opposed to color blocks: true or false | 
                                 true | 
                              
| editor.minimap.scale | Scale for rendering the minimap, starting with 1 | 1 | 
                              
