vscode

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Linux, macOS and Windows.

Install

Ubuntu (deb)

curl -fsSL https://packages.microsoft.com/keys/microsoft.asc | sudo gpg --dearmor -o /usr/share/keyrings/packages.microsoft.gpg
echo "deb [arch=amd64 signed-by=/usr/share/keyrings/packages.microsoft.gpg] https://packages.microsoft.com/repos/code stable main" | sudo tee /etc/apt/sources.list.d/vscode.list > /dev/null
sudo apt update && sudo apt install -y code

Ubuntu (snap)

sudo snap install code --classic

Windows

chocolatey:

choco install vscode

winget:

winget install Microsoft.VisualStudioCode

VSCode Settings

To open the settings file (settings.json): Ctrl + Shift + P => Preferences: Open user settings (JSON)

Change VS Code UI font

Install the Customize UI plugin and restart VS Code.¹
In VS Code Settings, set Customize UI Font:Monospace and/or Customize UI Font:Regular to your liking.

Better-looking menu bar

Add this entry to settings.json (Ask Ubuntu thread)

{
  "window.titleBarStyle": "custom",
}

Reload VSCode to apply the changes.

Line height

You can increase line height to make you code look better.

Search for Line height in VSCode settings and set it to a higher number. (For example, 1.4)

{
  "editor.lineHeight": 1.4,
}

Markdown settings

Markdown in VSCode

Link validation + Automatic link updates

{
  "markdown.validate.enabled": true,
  "markdown.updateLinksOnFileMove.enabled": prompt
}

VSCode extensions

Foam: Foam is a note-taking tool that lives within VS Code, similar to Obsidian.
Live server
Live Share
Luna paint: A raster image editor extension for VSCode.
Remote Development: Develop in WSL, remote SSH, etc.

Themes

VSCode themes

Version control and continuous integration (CI)

Git Graph: View a Git Graph of your repository, and perform Git actions from the graph.
GitHub Pull Requests: Pull Request and Issue Provider for GitHub.
GitHub actions