VS Code configuration
Wide range of available editors.

Appearance
- Color palette (Ayu, Dracula, GitHub etc.)
- Icon pack (Ayu, Material, etc.)
- Font size, line height
- Zoom level (
ctrl +/ctrl -) - Side Bar(s) (
ctrl b) - Integrated terminal (
ctrl ö)
Keyboards shortcuts
Leaving the keyboard and touching the mouse is extra time!
Keyboard ref page: (ctrl k + ctrl r)
(For english Keyboard)
Command palette (ctrl shift p):
From there basically everything is available!
Page layout, navigation
- Open-close side bar: (
ctrl b) - Open-close terminal: (
ctrl ö) - Navigate between files: (
alt 1/alt 2/alt leftarrow/alt rightarrow) - File explorer (
ctrl shit E) - GIT explorer (
ctrl shit G+G) - Search in the full project (
ctrl shit F)
Code editing
- Toggle comment (
ctrl ü) - Move line (
alt uparrow/alt downarrow) - Copy line (
alt shift uparrow/alt shift downarrow) - Delete line (
ctrl shit K) - Add cursor (
ctrl alt uparrow/ctrl alt uparrow) (alt click) - Select next occurrence (
ctrl D) - Select all occurrences (
ctrl shit L) - Toggle suggestion (
ctrl space) - Format file (
ctrl space)
How to learn them?
Practice!
“Help / Editor Playground” option is a good place to start.
Extensions
Basics:
Open external files:
Syntax highlighting:
AI:
Fun:
Profiles / Settings
Profiles are a great way to switch between different configurations.
Settings stored in JSON file:
- global settings
- workspace settings
Important settings:
- format on save
- organize imports on save
- trim trailing whitespace on save
Other useful settings:
- merge editor
- command center
- editor minimap
- menu bar background
Other capabilities
- Debugging
- Run tests
- Git integration
- Remote development
- Snippets
- …