YAML file formatting in VSCODE

I fixed this by changing editor.autoIndent settings for yaml and dockercompose language Update: In VsCode, press ctrl+shift+p (cmd+shift+p in Mac), and search for Preferences: Open User Settings (JSON) to add the following configuration: “[yaml]”: { “editor.autoIndent”: “advanced” }, “[dockercompose]”: { “editor.autoIndent”: “advanced” }

How to set per-filetype tab size in VS Code?

VS Code configures language specific settings in settings.json Shortcut is: Command Palette (⇧⌘P) then: Preferences: Configure Language Specific Settings Example of setting.json changing tabsize { // this is the default for all languages, unless otherwise specified. “editor.tabSize”: 4, “[sass]”: { “editor.tabSize”: 2 }, “[html]”: { “editor.tabSize”: 4 }, “[javascript]”: { “editor.tabSize”: 2 } } These … Read more

How can I customize the tab-to-space conversion factor in VS Code?

By default, Visual Studio Code will try to guess your indentation options depending on the file you open. You can turn off indentation guessing via “editor.detectIndentation”: false. You can customize this easily via these three settings for Windows in menu File → Preferences → Settings or Ctrl+, and for Mac in menu Code → Preferences … Read more

How can I customize the highlighting of matching bracket/brace/parenthesis pairs in VS Code?

For future reference, vscode now has the option to change the color of bracket highlighting by adding this to settings.json: “workbench.colorCustomizations” : { “editorBracketMatch.background”: “#f008”, “editorBracketMatch.border”: “#f00” } Formats supported are #RGB, #RGBA, #RRGGBB, #RRGGBBAA. The rgba(255,255,255,1) format that seems to work in other places in the settings file appears to not work here. Only … Read more

How to change indent guide line color between brackets in VS Code?

Update for vscode v1.81 (in Insiders now and presumably in Stable early August 2023): These colorCustomizations have been added so that you can separately color the first 6 indent guides – counting from far left in your code to the right, see the demo): “workbench.colorCustomizations”: { “editorIndentGuide.activeBackground1”: “#ffc400”, “editorIndentGuide.activeBackground2”: “#ff0000”, “editorIndentGuide.activeBackground3”: “#a51283”, “editorIndentGuide.activeBackground4”: “#ff8c00”, “editorIndentGuide.activeBackground5”: … Read more

In VS Code, how can I disable parameter hints? (tooltip/widget that shows function parameter descriptions and overloads)

You turned off code completion correctly. But parameter hints are still active. Turn them off by going into the Settings menu, searching for editor.parameterHints.enabled, and un-checking the box. Or put the following entry in your settings.json: “editor.parameterHints.enabled”: false If you ever want to see the parameter hints on-demand, refer to How to trigger parameter hints … Read more