Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- werkzeuge:vscode:start [12.08.2026 08:58] – [Die Oberfläche kennenlernen] admin
+++ werkzeuge:vscode:start [29.09.2026 05:36] (aktuell) – admin
@@ Zeile 1: / Zeile 1: @@
-<WRAP rww-subpage-header>
+<WRAP rww-page-header>
+<WRAP rww-page-header-main>
-<WRAP rww-subpage-heading>
+<WRAP rww-page-title>
 ====== VS Code ======
 </WRAP>
-<WRAP rww-back>
+<WRAP rww-page-icon>
-[[werkzeuge:start|←]] [[werkzeuge:start|Werkzeuge]]
+<iconify mdi:microsoft-visual-studio-code>
+</WRAP>
 </WRAP>
+<WRAP rww-page-back>
+[[werkzeuge:start|← Werkzeuge]] · [[:start|Startseite]]
 </WRAP>
+</WRAP>
+----
 ===== Was ist Visual Studio Code? =====
@@ Zeile 35: / Zeile 41: @@
 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.
 ===== Meine Ausgangssituation =====
@@ Zeile 52: / Zeile 57: @@
 Diese Seite soll meinen tatsächlichen Lernweg begleiten. Funktionen werden deshalb erst ausführlicher dokumentiert, wenn ich sie kennenlerne und praktisch einsetze.
 ===== Meine Installation =====
@@ Zeile 99: / Zeile 103: @@
 Als Anzeigesprache ist bei mir **Deutsch** eingestellt.
+==== Farbdesign ====
+Für die Oberfläche von VS Code verwende ich das Farbdesign:
+<code>
+Dunkel Modern
+</code>
+Das Farbdesign kann über das Zahnrad unten links geändert werden:
+<code>
+Zahnrad → Designs → Farbdesign
+</code>
+Alternativ kann die Auswahl über folgendes Tastenkürzel geöffnet werden:
+<code>
+Strg + K
+Strg + T
+</code>
+Für meinen Einstieg verwende ich das mit VS Code mitgelieferte Farbdesign **Dunkel Modern**.
 ===== Die Oberfläche kennenlernen =====
@@ Zeile 174: / Zeile 202: @@
 Commit- und weitere Git-Funktionen in VS Code werde ich erst verwenden, wenn ich ihren Ablauf praktisch kennengelernt habe.
 ===== Mein erstes Projekt mit VS Code =====
@@ Zeile 196: / Zeile 225: @@
 TheCruiserBlog dient mir damit als erstes praktisches Lernprojekt für VS Code.
 ===== Funktionen, die ich tatsächlich nutze =====
@@ Zeile 220: / Zeile 250: @@
 So kann ich später auch nachvollziehen, welche Erweiterung ich installiert habe, warum ich sie benötige und welchen Nutzen sie mir tatsächlich bringt.
 ===== Tastenkürzel & kleine Helfer =====
@@ Zeile 235: / Zeile 266: @@
 Weitere Tastenkürzel ergänze ich erst, wenn ich sie selbst verwendet habe und sie für meinen Arbeitsablauf nützlich sind.
+==== Farbdesign auswählen ====
+<code>
+Strg + K
+Strg + T
+</code>
+Die beiden Tastenkombinationen werden nacheinander ausgeführt.
+Damit öffne ich die Auswahl der verfügbaren Farbdesigns für die VS-Code-Oberfläche.
+Bei meinem Einstieg habe ich dieses Tastenkürzel verwendet, um das Farbdesign **Dunkel Modern** auszuwählen.
 ===== Probleme & Lösungen =====
@@ Zeile 248: / Zeile 293: @@
 Dieser Bereich wächst zusammen mit meiner praktischen Erfahrung.
+<WRAP rww-to-top>
+[[#vs_code|↑]]
+</WRAP>