Visual Studio Code
Shortcuts
Farbschema
apfel k apfel t
(Quiet Light) Dracula
Enable Line Wrap –
keine langen code Zeilen
https://www.youtube.com/watch?v=NIwZ1zwr94s
vorübergehend: alt z
Dauerhaft
Code > Einstellungen > Settings (Apfel ,)
Text Editor
Editor: Word Wrap > auf on stellen
Live Server
(Firefox als Live Browser)
Unter Einstellungen (apfel , )
Extensions –
Live Server config –
Settings custom browser
Zeilen auskommentieren
Text anwählen shift alt a
Neuen Kommentar beginnen:
(cursor in zeile setzen)
⌘K ⌘C Add Line Comment
Kommentar wieder entkommentieren (cursor in zeile setzen)
⌘K ⌘U Remove Line Comment
mit der Erweiterung duplicate section or line:
apfel d (zeile muss nicht komplett markiert sein cursor muss nur in der Zeile stehen)
Farbschema
Code formatieren
(automatisch einrücken)
Shift alt F
Strg+K → Strg+D – für das aktuelle Dokument
Strg+K → Strg+F – für die aktuelle Auswahl
Befehle suchen
shift apfel p
EMMET
https://www.youtube.com/watch?v=5guZjNDcVnA
https://docs.emmet.io/cheat-sheet/
eigene snippets
https://www.youtube.com/watch?v=K3gLlZm-m_8
ul>li*5#item$
div>h1+p
span*3
ergibt
<span></span>
<span></span>
<span></span>
Einzüge
Tab > Einzug zufügen
Versal Tab > Einzug aufheben
Quellcode formatieren – prettier – code formatter (Plugin)
Aufgabe: Quellcode, der ohne Formatierung hintereinander weg geschrieben ist in Form bringen
apfel versal p (ruft die befehlspalette auf)
Dokument formatieren auswählen
Prettier – code formatter auswählen
Ergebnis:
