Visual Studio Code – kurz VS Code – ist ein Quelltexteditor für die Arbeit mit Programmcode und anderen Textdateien.

Mit VS Code kann ich beispielsweise Dateien eines Projekts bearbeiten, Ordner und Projektstrukturen verwalten sowie verschiedene Werkzeuge direkt in einer gemeinsamen Arbeitsumgebung nutzen.

Durch Erweiterungen lässt sich VS Code um zusätzliche Funktionen für unterschiedliche Programmiersprachen und Aufgaben ergänzen.

Für mich ist VS Code noch Neuland. Diese Seite dokumentiert deshalb meinen Einstieg und wächst zusammen mit meiner tatsächlichen Nutzung.

VS Code möchte ich vor allem für meine eigenen Entwicklungsprojekte kennenlernen.

Bisher erledige ich viele Arbeiten an Quelltextdateien mit einem einfachen Texteditor. Mit VS Code möchte ich künftig eine Arbeitsumgebung nutzen, die mich beim Bearbeiten und Verwalten von Programmcode besser unterstützt.

Besonders interessant ist VS Code für mich im Zusammenhang mit:

• WordPress- und Theme-Entwicklung
• PHP, HTML, CSS und JavaScript
• Git und GitHub
• übersichtlicher Verwaltung meiner Projektdateien

Mein Ziel ist zunächst nicht, möglichst viele Funktionen von VS Code kennenzulernen. Ich möchte Schritt für Schritt genau die Werkzeuge verstehen, die ich bei meiner eigenen Arbeit tatsächlich benötige.

Visual Studio Code ist auf meinem Rechner bereits installiert.

Praktisch gearbeitet habe ich damit bisher jedoch noch nicht. Meine bisherigen Arbeiten an Quelltextdateien erledige ich hauptsächlich mit Notepad++.

Ich beginne bei VS Code deshalb bewusst bei den Grundlagen:

• Wie ist die Oberfläche aufgebaut?
• Wie öffne ich ein bestehendes Projekt?
• Wie bearbeite und speichere ich Dateien?
• Wie hilft mir VS Code beim Programmieren?
• Wie arbeiten VS Code, Git und GitHub zusammen?

Diese Seite soll meinen tatsächlichen Lernweg begleiten. Funktionen werden deshalb erst ausführlicher dokumentiert, wenn ich sie kennenlerne und praktisch einsetze.

VS Code ist auf meinem Windows-Rechner bereits installiert.

Bevor ich mit der eigentlichen Arbeit beginne, dokumentiere ich zunächst meine vorhandene Installation und die wichtigsten Grundeinstellungen.

Meine aktuell installierte Version kann ich in der Windows-Eingabeaufforderung prüfen mit:

code --version

Aktueller Stand:

1.132.0
df53daabb18cd157bdb08c7f01c34df936cf12f4
x64

Dabei bedeutet:

• 1.132.0 → installierte VS-Code-Version
• die lange Zeichenfolge → Kennung des zugrunde liegenden Programmstands
• x64 → installierte 64-Bit-Version

Für meinen Einstieg verwende ich VS Code mit deutscher Benutzeroberfläche.

Die Anzeigesprache kann über die Befehlspalette geändert werden:

Strg + Umschalt + P

Anschließend:

Configure Display Language

Als Anzeigesprache ist bei mir Deutsch eingestellt.