DOCS

# Visual Studio Code

Visual Studio Code is a highly extensible text editor built by Microsoft. The below embedded presentation gives a brief overview.

A fullscreen version of the presentation can be found at: https://vscode-talk.davefollett.io

# 🔌 Extensions

# C/C++

Adds C/C++ specific features. Created by Microsoft.

# GitLens — Git supercharged

# Highlight

Text highlighting tool based on regular expressions. Great for TODOs or FIXME annotations.

# Remote Development

An extension pack that installs the following extensions:

  • Remote-Container
  • Remote-SSH
  • Remote-WSL The remote family of extensions allow you to connect to containers, wsl, or remote system (ssh) and use Visual Studio Code's features.

# Rewrap

Reformats single and multiline comments to fit in within the defined character length. 80 character default.

  • Default keybinding is Alt+q

# Vetur

Do everything extension for Vue.

# 🎨 Themes

# Night Owl

  • By Sarah Drasner
  • Colors selected with colorblindness and low-light in mind

# Cobalt 2

  • By Wes Bos

# Synthwave '84

  • Cool retro theme with neon glowing effects

# ⚙️ Settings

Settings locations:

  • Windows 10 location: %APPDATA%\Code\User\settings.json
  • Linux location: $HOME/.config/Code/User/settings.json

My local settings:

{
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "editor.renderControlCharacters": false,
    "[vue]": {
        "editor.detectIndentation": false,
        "editor.tabSize": 2
    },
    "[javascript]": {
        "editor.detectIndentation": false,
        "editor.tabSize": 2
    },
    "[html]": {
        "editor.detectIndentation": false,
        "editor.tabSize": 2
    },
    "git.ignoreLegacyWarning": true,
    "telemetry.enableTelemetry": false,
    "telemetry.enableCrashReporter": false,
    "terminal.integrated.copyOnSelection": true,
    "svn.enableProposedApi": "none",
    "highlight.regexes": {
        "(// ?TODO:?)(.*)": [
          {
            "overviewRulerColor": "#ffcc00",
            "backgroundColor": "#ffcc00",
            "color": "#1f1f1f",
            "fontWeight": "bold"
          },
          {
            "backgroundColor": "#d9ad00",
            "color": "#1f1f1f"
          }
        ],
        "(// ?FIXME:?)(.*)": [
          {
            "overviewRulerColor": "#ff0000",
            "backgroundColor": "#ff0000",
            "color": "#1f1f1f",
            "fontWeight": "bold"
          },
          {
            "backgroundColor": "#d90000",
            "color": "#1f1f1f"
          }
        ],
        "(// )(@\\w+)": [
          {},
          {
            "color": "#4de0ff"
          }
        ]
    },
    "C_Cpp.default.intelliSenseMode": "gcc-x64",
    "remote.extensionKind": { "coenraads.bracket-pair-colorizer-2": "ui" },
    "editor.rulers": [
      80
    ],
    "c-cpp-flylint.clang.enable": false,
    "diffEditor.renderSideBySide": false,
    //"workbench.colorCustomizations": {
    //  "editorRuler.foreground": "#708090"
    //}
}

# 💡 Tips

# Move Panel to Right

Using the following steps to move the bottom panel to the right:

  1. Right-click the panel header
  2. Select Move Panel to Right

Source: Sung M. Kim

← Windows Terminal →