Minimizing visual noise In VS-Code

readme.md

• About
• Settings to check out
• Tips
• Main Example Settings.json

locations-to-try.screenshot.png

Minimizing-Noise-In-VS-Code.settings.md

• About
• Settings to check out
• Tips
• Main Example Settings.json
• WIP / todo list

About

Most of these settings work with other languages.

For a walkthrough of the hotkeys that are userful for customizing your config, see: ninmonkeys.com/viewing-default-settings-in-vs-code

Settings to check out

• A) Tab decorations, you can hide

  • dirty state color
  • git status colors: green = untracked, yellow = modified
  • file type icon

• B) editor.minimap.*

  • to hide completely or not
  • size, and detail to render chars at
  • location

• C) Searching and problems

  • change colors and whether ctrl+f highlights the minimap

• D) Breadcrumbs

  • you can hide completely, or control what is visible

• E) editor.bracketPairColorization*

• F) current brace blocks, you can disable the orange bar on F

• G) highlight line current line

• H) Cursor highlights and matching brackets highlight

• delay time before automatic linting or highlighting or time for suggestions to pop up: *.Delay

Tips

• If config has the same setting multiple times, the lowest line number wins
  • to toggle between them, either
    • ctrl+/ on the line, which toggles comments, or
    • alt+up / alt+down to move the lines around
• Control+Spacebar will pop up valid key names for settings.json so you can search like type "minimap, then Control+Spacebar
• Control+shift+o search for settings by name ( This is better than ctrl+f, because ctrl+f has a bunch of junk results, because of text in comments)
• You can have two panes side by side
  • one is a powershell file
  • the other is settings.json
  • when you save, it instantly changes the left window. great for testing fonts

Main Example Settings.json

   // "editor.inlineSuggest.enabled": false,
    /*

    minimizing visual noise section

    important references:
        https://code.visualstudio.com/docs/editor/intellisense#_customizing-intellisense
        https://code.visualstudio.com/docs/editor/userdefinedsnippets#_snippet-syntax


    */
    //  - interval: Line numbers are rendered every 10 lines.
    "[powershell]": {
        "editor.lineNumbers": "interval", // hide numbers, show only every 10th
        // "editor.suggest.shareSuggestSelections": true,
        "editor.tabCompletion": "off",
        "editor.tabCompletion": "on",
        "editor.tabCompletion": "onlySnippets",
        "editor.suggestSelection": "recentlyUsedByPrefix", // <// https://code.visualstudio.com/docs/editor/intellisense#_suggestion-selection>
        "editor.suggestSelection": "first",
        "editor.suggest.localityBonus": true, // example: <https://code.visualstudio.com/docs/editor/intellisense#_locality-bonus> not sure if you'll like this
        "editor.suggestOnTriggerCharacters": true, // on '.'
        "editor.quickSuggestionsDelay": 10, // super slow to when testing
        "editor.quickSuggestionsDelay": 1500, // 1,000 equals 1 second
        "editor.quickSuggestions": {
            "other": "on", // noisy : this pops up automatically
            "other": "off", //
            "other": "inline", // better. no popup, shows first suggestion as ghost, ctrl+space to see more
            "comments": "off",
            "strings": "inline",
            "strings": "off",
        },
        // "editor.snippetSuggestions": "top",
        "editor.snippetSuggestions": "inline",
        "editor.snippetSuggestions": "none", // snippets *never* show on suggestions, then hit the hotkey 'insert snippet' if you want to manually show them
        "editor.hover.delay": 300, // 10, 710,
        "editor.hover.enabled": true, // false,
    }

WIP / todo list

• remove linting in editor
• colors: Set transparency to 20% to make them muted
  • remove or disable squiggle coloring
  • built-in rainbow brackets: muted colors
  • error lens for inline linting -- muted colors
• remove statusbar noise
• addon that toggles settings in one go, a better zen mode
• TM color modes verses Semantic colors