Decker

Visual Studio Code Bedienungsanleitung - Einrichtung

Sebastian Lukas Hauer

Fakultät Informatik, Lehrstuhl für Computergraphik, TU Dortmund

🚀 by Decker

Übersicht

In dieser Anleitung wird erklärt …

  • … wie man das Farbdesign von Visual Studio Code anpasst.
  • … wie man die Anzeigesprache von Visual Studio Code anpasst.
  • … wo man das Menu für Einstellungen in Visual Studio Code findet.
  • … wie man die Erweiterungen für die Bedienung von Decker in Visual Studio Code installiert.

../../../data/vscode-decker-welcome.png
Der Willkommensbildschirm von VS Code

Im Willkommensbildschirm sehen Sie eine Übersicht über zuletzt geöffnete Ordner und Vorschläge für erste Interaktionen mit dem Programm nach Start.

../../../data/vscode-settings-search-theme.png
VS Code Suche nach Farbdesign

Bei geöffnetem VS Code können Sie jederzeit die F1-Taste drücken, um eine Suchleiste zu öffnen.

Hier können Sie nach Anweisungen für das Programm suchen, indem Sie Teile des gesuchten Begriffs eingeben.

Suchen Sie nach dem Begriff theme, um die Einstellungen für die Darstellungsfarben des Editors zu finden.

../../../data/vscode-settings-select-theme.png
VS Code Auswahl eines Farbdesign

Wenn Sie die Farbeinstellungen selektiert haben können Sie ein Farbthema auswählen.

Suchen Sie sich ein Farbthema aus, mit dem Sie gut arbeiten können.

Das dunkle Farbschema ist der Standard, da er schonender für die Augen sein soll.

../../../data/vscode-settings-search-lang.png
VS Code Suche nach Spracheinstellung

Wie auch die Farbeinstellungen können Sie die Spracheinstellungen durch Suche nach display language im F1-Menu finden.

../../../data/vscode-settings-select-lang.png
VS Code Auswahl der Anzeigesprache

Sie können unterschiedliche Sprachpakete für VS Code installieren. Für Deutsch suchen Sie nach de.

Die Erweiterungen für Decker können auf Deutsch und Englisch verwendet werden.

../../../data/vscode-settings-menu.png
VS Code Einstellungen

Sie können in VS Code das Menu für andere Programmeinstellungen unter DateiEinstellungenEinstellungen finden.

Sie können dieses Menu auch jederzeit durch die Tastenkombination STRG + , aufrufen.

../../../data/vscode-extensions-welcome.png
Der Willkommensbildschirm von VS Code mit hervorgehobenem Symbol für den Erweiterungsmarktplatz

Klicken Sie links in der Symbolleiste auf das Symbol für den Erweiterungsmarktplatz.

../../../data/vscode-extensions-search.png
Der Erweiterungsmarktplatz von VS Code

Suchen Sie in der Suchleiste des Marktplatzes nach decker und installieren Sie die drei Erweiterungen Decker Snippets, Decker Init und Decker Server.

Alle drei Erweiterungen können Sie auch auf einmal installieren, wenn Sie die Erweiterung Decker Extension Pack installieren.

Live Demo