01 WEB2 Visual Studio Code

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

Ontwikkelomgevingen
Editors
IDE's

Welke shortcut?
Zoom in

1. CTRL- CMD-
2. CTRL= CMD=
3. CTRL- CMD-
4. ALT= ALT=

Welke shortcut?
Zoom out

1. CTRL- CMD-
2. CTRL= CMD=
3. CTRL- CMD-
4. ALT= ALT=

Demo Emmet in VSCode

Voorbeeldbestanden in Teams

ASCGCIT1D4 , ALGEMEEN , BESTANDEN 

Lesmateriaal\Web2\Voorbeeldcode\VSCode\emmet.html 

Lesmateriaal\Web2\Voorbeeldcode\VSCode\emmet.css

Wat is de Emmet afkorting voor:

1. div+p
2. div*p
3. div>p
4. p>div

Wat is de Emmet afkorting voor:

1. div id="navigatiebalk"
2. div#navigatiebalk
3. #navigatiebalk
4. div>navigatiebalk

Wat is de Emmet afkorting voor:

1. div+h1+p*3
2. div>h1>p*3
3. div+h1>p*3
4. div>h1+p*3

Welke shortcut?
HTMLTAGWRAP

1. ALT-W
2. CTRL-W CMD-W
3. ALT-H
4. ALT-T

Welke shortcut?
Command Palette

1. CTRL-ALT-P CMD-ALT-P
2. ALT-SHIFT-P
3. CTRL-SHIFT-P CMD-SHIFT-P
4. ALT-P

Welke shortcut?
Beautify

1. CTRL-ALT-B CMD-ALT-B
2. ALT-SHIFT-F
3. CTRL-SHIFT-F CMD-SHIFT-F
4. ALT-P

Welke shortcut?
Live Server

1. CTRL-L CTRL-O CMD-L CMD-O
2. CTRL-L CTRL-O CMD-L CMD-O
3. ALT-L-O
4. ALT-L ALT-O

Welke shortcut?
Cursor toevoegen

1. CTRL-klik CMD-klik
2. ALT-klik
3. ALT-rechts-klik
4. CTRL-rechts-klik CMD-rechts-klik

Welke shortcut?
Volgende occurence selecteren

1. CTRL-D CMD-D
2. CTRL-SHIFT-L CMD-SHIFT-L
3. ALT-SHIFT-D
4. ALT-SHIFT-L

Welke shortcut?
Alle occurences selecteren

1. CTRL-D CMD-D
2. CTRL-SHIFT-L CMD-SHIFT-L
3. ALT-SHIFT-D
4. ALT-SHIFT-L

Welke shortcut?
Selectie/regel omhoog verplaatsen

1. ALT-ArrowUp
2. CTRL-ArrowUp CMD-ArrowUp
3. SHIFT-ArrowUp
4. ALT-ArrowDown

Welke shortcut?
Regel als commentaar markeren

1. ALT-/
2. CTRL-SHIFT-A CMD-SHIFT-A
3. ALT-\
4. CTRL-/ CMD-/