Interactive Tutorial

Practice shortcuts in a real editor and learn by doing

Step 1 / 37: Select Line

Completed: 0 / 37

Select Line

Select entire current line with Ctrl+L

Shortcut
Ctrl+L
Instruction

Press Ctrl+L to select the line

Completed Steps

1
Select Line
2
Duplicate Line
3
Move Line Up
4
Move Line Down
5
Delete Line
6
Toggle Comment
7
Block Comment
8
Add Indent
9
Remove Indent
10
Undo
11
Redo
12
Select All
13
Insert Line Below
14
Insert Line Above
15
Join Lines
16
Toggle Comment
17
Block Comment
18
Add Indent
19
Remove Indent
20
Select All
21
Find
22
Replace
23
Insert Line Below
24
Insert Line Above
25
Delete Line
26
Add Next Match to Selection
27
Select All Occurrences
28
Undo Last Selection
29
Multi-Cursor Above
30
Multi-Cursor Below
31
Add Cursors to Line Ends
32
Go to Line
33
Go to Bracket
34
Rename Symbol
35
Format Document
36
Fold Region
37
Unfold Region
tutorial.js
Loading...

How to Use This Tutorial

Keyboard Shortcuts

  • • Click the editor to focus
  • • Press the instructed shortcut key
  • • You'll see "✅ Correct!" when done right
  • • See actual behavior in the editor

Progress Tracking

  • • Completed steps are marked with green checkmarks
  • • Current step is highlighted in blue
  • • Navigate freely between steps
  • • Use reset button to start over

Notes

  • • Browser default behavior is overridden
  • • Some shortcuts have limited functionality
  • • Try the same keys in actual VS Code
  • • Show hints when you're stuck
Learn Code Editor - VS Code Shortcuts Guide