Die Basics

Eine kleine Tour durch die Benutzeroberfläche von Visual Studio Code, gefolgt von ein paar grundlegenden Hinweisen zur Arbeit mit Dateien und Verzeichnissen. Lerne die wichtigsten Shortcuts und Funktionen zum Bearbeiten von und Navigieren innerhalb von Textdateien kennen.

Wenn du den Workspace öffnest, siehst du die Entwicklungsumgebung Visual Studio Code:

1. Die Benutzeroberfläche

Am linken Rand sieht du einige Icons, die wichtig sind:

	Das Menü
	Explorer (StrgShiftE) – hier siehst du alle Dateien und Unterordner des aktuell geöffneten Projekts
	Search (StrgShiftF) – hier kannst du in allen Dateien innerhalb deines Projektes suchen
	Source Control (StrgShiftG) – hier geht es um Versionsverwaltung mit Git
	Run and Debug (StrgShiftD) – hier können selbst geschriebene Programme ausgeführt werden
	Extensions (StrgShiftX) – hier findest du viele nützliche Erweiterungen

Es gibt an mehreren Rändern Bereiche, die du ein- und ausblenden kannst. Nutze dafür die Buttons rechts oben:

	Linke Seitenleiste (StrgB)
	Panel (StrgJ) – hier ist für uns vor allem das Terminal interessant
	Rechte Seitenleiste (StrgAltB)

2. Dateien, Verzeichnisse, Pfade

Wenn du am Computer arbeitest, speicherst du deine Arbeit in Dateien. Jede Datei hat einen Dateinamen (der normalerweise auch eine Erweiterung enthält) und befindet sich in einem Verzeichnis, das sich wiederum in einem anderen Verzeichnis befinden kann. So entsteht ein Verzeichnisbaum.

Der vollständige Pfad zu einer Datei setzt sich dann aus allen Verzeichnissen und dem Dateinamen zusammen, z. B:

/workspace/pictures/monkey.jpg

Unter Linux ist das oberste Verzeichnis immer /, unter Windows beginnt es immer mit einem Laufwerksbuchstaben wie z. B. C:\. Ein weiterer Unterschied zu Linux ist, dass unter Windows \ statt / verwendet wird, um Verzeichnisse im Pfad voneinander abzutrennen.

Im Hackschule Workspace ist es so, dass du deine Projekte und Dateien im Verzeichnis /workspace ablegen kannst. Du kannst dir in diesem Verzeichnis eine beliebige Verzeichnisstruktur anlegen.

3. Shortcuts

Zum Schluss noch ein paar Tipps zur Tastatur: es gibt einige praktische Funktionen, die es quasi überall gibt:

StrgC	Kopieren (copy)
StrgV	Einfügen (paste)
StrgX	Ausschneiden (cut)
StrgZ	Rückgängig (undo)

Dazu noch ein wichtiger Hinweis: In den unteren Ecken deiner Tastatur findest du ein paar sogenannte Hilfstasten, z. B. Strg, Shift, Alt, Win und AltGr. Diese Tasten haben meistens keinen Effekt, wenn man sie alleine drückt, sondern sie werden für Tastenkombinationen verwendet, die meistens aus einer oder mehreren Hilfstasten und einer »richtigen« Taste bestehen. Um einen ausgewählten Text mit StrgC zu kopieren, musst du also erst Strg gedrückt halten und dann einmal C tippen.

Du kannst Hilfstasten auch verwenden, um Sonderzeichen einzugeben, genauso wie du Großbuchstaben mit Shift (auch: Umschalttaste) eingeben kannst.

4. Bearbeiten von Text

Gerade am Anfang kann es sein, dass du beim Tippen und Navigieren in einer Datei relativ langsam bist. Es ist aber wie mit so vielen Dingen: mit der Zeit kommt die Übung. 🤠 Wenn du eine gewissen Übung hast, bist du mit der Tastatur oft schneller, als wenn du erst zur Maus greifen musst, um an eine bestimmte Stelle zu klicken.

Du kannst Webseiten wie keybr.com nutzen, um deine Tippgeschwindigkeit zu trainieren. Darüberhinaus wirst du schneller, wenn du ein paar wesentliche Tasten deiner Tastatur kennenlernst:

Navigation

Die folgenden Shortcuts funktionieren nicht nur in Visual Studio Code, sondern in fast allen anderen Programmen:

← / ↑ / → / ↓	bewegt den Cursor
Pos1 / Ende	springt an den Anfang / das Ende einer Zeile
Bild↑ / Bild↓	springt eine Seite hoch / runter
Strg← / Strg→	springt zum vorherigen / nächsten Wort
StrgPos1 / StrgEnde	springt an den Anfang / das Ende des Dokuments

Text auswählen und löschen

Halte Shift gedrückt, während du durch einen Text navigierst, um Text zu markieren.

Zum Löschen von einzelnen Zeichen gibt es zwei verschiedene Tasten, deren Unterschied man kennen sollte: ⟵ (Backspace) löscht das Zeichen links vom Cursor, während Entf das Zeichen rechts neben dem Cursor löscht. Oft gibt es Shortcuts, um ganze Zeilen zu löschen – in Visual Studio Code mit StrgShiftK.

Tastaturlayouts

Vielleicht fragst du dich irgendwann, wieso beim Programmieren oft so viele merkwürdige und kompliziert zu tippende Zeichen einzugeben sind. Denke bitte daran, dass die Welt der Computer und Programmiersprachen vor allem eine US-amerikanisch geprägte Welt ist. Die fehlenden Umlaute in der englischen Sprache bieten die Möglichkeit, die Tastatur anders zu belegen und Zeichen wie [, ], {, }, @, \, ~ und | direkt zu erreichen, ohne dass man sich dabei die Finger verrenken muss. Das bedeutet, dass die deutsche Tastaturbelegung nicht unbedingt die beste Tastaturbelegung für das Programmieren ist.

Hier siehst du eine Tastatur mit US-Layout:

Es gibt spezielle Tastaturlayouts, die extra für Programmiererinnen und Programmierer entwickelt wurden, z. B. das Neo-Tastaturlayout, das Colemak-Layout oder das Dvorak-Layout. Wenn du dich für das Thema interessierst, kannst du dich gerne mal damit beschäftigen. Es ist aber kein Muss, um programmieren zu lernen. Viel wichtiger ist es, dass du programmieren übst, egal mit welcher Tastatur. 🤓