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.
See also viatsko/awesome-vscode for a curated list of delightful VS Code packages and resources.
Install¶
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
sudo snap install code --classic
Install from the AUR
yay -S visual-studio-code-bin
The open source version (sourced directly from the GitHub repo) is available in the community repository.
sudo pacman -S code
chocolatey:
choco install vscode
winget:
winget install vscode
VSCode Settings¶
Change VS Code UI font¶
- Install the Customize UI plugin and restart VS Code.1
- In VS Code Settings, set
Customize UI Font:Monospaceand/orCustomize UI Font:Regularto your liking.
Better-looking menu bar¶
Add this entry to settings.json (Ask Ubuntu thread)
json title=settings.json
{
"window.titleBarStyle": "custom",
}
Reload VS Code 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)
VS Code extensions¶
- Luna paint: A raster image editor extension for VSCode.
- TeXLab: An implementation of the Language Server Protocol for LaTeX.
- Atom One Dark Theme
- Material Icon Theme
- Live server
- Live Share
Version control¶
- Git Graph: View a Git Graph of your repository, and perform Git actions from the graph.
Formatting¶
- Editor config for VS code: generate editor config files in VSCode.
- Code Spell Checker
- Even Better TOML
- YAML
- Markdown All in One
View files¶
- MPEG4 preview: Simple preview for MPEG-4 (
.mp4) video files in VSCode. - GitHub Markdown Preview: GitHub-flavored Markdown for VSCode.
- vscode-pdf: PDF (
.pdf) documents. - Rainbow CSV
- TIFF Preview: TIFF (
.tif) images.