VS Code-Installationshandbuch für IQ – VEX-Bibliothek

Dieser Artikel ist eine Übersicht über die Installation von Visual Studio Code und der VEX Visual Studio Code Extension. Die Erweiterung unterstützt offiziell Windows und macOS.

Visual Studio-Code installieren

Öffnen Sie einen Internetbrowser und navigieren Sie zu: https://code.visualstudio.com/

Hier sind die Anleitungen, die auf der VS Code-Website bereitgestellt werden. Diese können hilfreich sein oder Sie können diesem Artikel folgen.

Installation für Windows

Startseite der Visual Studio Code-Website mit einer großen Überschrift: „Codebearbeitung“. Neu definiert. Unterhalb der Überschrift befindet sich ein blauer Button mit der Aufschrift „Download für Windows“.

Klicken Sie auf die Schaltfläche „Download für Windows“.

Der VS Code-Installer wird im Download-Menü des Browsers angezeigt.

Anschließend beginnt der Download im Browser.

Symbol für den Datei-Explorer.

Das Symbol für den Datei-Explorer wird in der Windows-Taskleiste rechts neben der Suchleiste angezeigt.

Öffnen Sie als Nächstes den Datei-Explorer, indem Sie auf das Symbol „Datei-Explorer“ in der Windows-Symbolleiste klicken

Der Begriff „Datei-Explorer“ wurde in die Windows-Suchleiste eingegeben, und die Datei-Explorer-App wird in den Suchergebnissen angezeigt.

Oder indem Sie „Datei-Explorer“ in die Windows-Suchleiste eingeben und auf „Datei-Explorer-App“ klicken

Die Download-Verknüpfung wird in der Seitenleiste des Datei-Explorers angezeigt.

Navigieren Sie anschließend zum Download-Ordner, indem Sie in der Seitenleiste auf die Verknüpfung „Downloads“ klicken.

Der Windows-Datei-Explorer wird im Ordner „Downloads“ geöffnet und die VS Code-Installationsdatei wird angezeigt.

Klicken Sie auf das Installationsprogramm VS Code.

Das Microsoft VS Code-Setup-Fenster enthält eine Lizenzvereinbarung, der zugestimmt werden muss. Unten ist eine Schaltfläche ausgewählt, auf der steht: Ich akzeptiere die Vereinbarung. Die Schaltfläche „Weiter“ ist unten hervorgehoben.

Akzeptieren Sie die Vereinbarung und klicken Sie auf Weiter.

Das Microsoft VS Code-Setup-Fenster bietet Optionen zur Auswahl zusätzlicher Aufgaben. Zu den Optionen gehören das Erstellen eines Desktop-Symbols, das Hinzufügen einer „Mit Code öffnen“-Aktion zum Kontextmenü des Datei-Explorers und das Hinzufügen von VS Code zum PATH. In diesem Beispiel sind alle Kontrollkästchen aktiviert. Im unteren Bereich ist die Schaltfläche „Weiter“ hervorgehoben.

Konfigurieren Sie die Installation und klicken Sie auf Weiter.

Das Microsoft VS Code-Setup-Fenster ist nun bereit zur Installation. Die ausgewählten Zusatzaufgaben sind zur Überprüfung aufgelistet. Unten ist die Schaltfläche „Installieren“ hervorgehoben.

Klicken Sie auf „Installieren“, um mit der Installation zu beginnen.

Das Microsoft VS Code-Setup-Fenster mit einer Fortschrittsanzeige und der Meldung „Installation läuft, bitte warten Sie, während Setup Visual Studio Code auf Ihrem Computer installiert“.

Der Installationsvorgang beginnt.

Das Microsoft VS Code-Setup-Fenster mit der Meldung „Der Visual Studio Code-Setup-Assistent wird abgeschlossen“. Es gibt eine Option zum Starten von VS Code, die standardmäßig aktiviert ist, und darunter befindet sich die Schaltfläche „Fertigstellen“.

Sobald die Installation abgeschlossen ist, klicken Sie auf „Fertig stellen“ und VS Code wird gestartet.

Die VS Code-Anwendung ist geöffnet, aber es ist kein Projekt ausgewählt.

Visual Studio Code wird geöffnet.

Installation für macOS

Klicken Sie auf die Schaltfläche „Mac Universal herunterladen“.

Die VS Code-ZIP-Datei wird in der Downloadliste des Browsers angezeigt.

Dann beginnt der Download.

Finder-Symbol.

Das Finder-App-Symbol wird in der macOS-Symbolleiste angezeigt.

Öffnen Sie als Nächstes den Finder, indem Sie auf das „Finder“-Symbol in der macOS-Symbolleiste klicken

Die Download-Verknüpfung wird in der Finder-Seitenleiste angezeigt.

Navigieren Sie anschließend zum Ordner „Downloads“, indem Sie in der Favoriten-Seitenleiste auf „Downloads“ klicken.

Der Finder öffnet sich im Ordner „Downloads“ und die VS Code darwin universal zip-Datei wird angezeigt.

Doppelklicken Sie zum Entpacken auf die ZIP-Datei VS Code.

Der Finder ist im Ordner „Downloads“ geöffnet und die VS Code darwin universal zip-Datei wurde per Doppelklick extrahiert. Die VS Code-Anwendungsdatei ist neben der ZIP-Datei erschienen.

Klicken Sie auf die Visual Studio Code-Anwendung und ziehen Sie sie in den Anwendungsordner.

Die Option „Programme“ wird in der Finder-Seitenleiste angezeigt. Die macOS-Symbolleiste wird angezeigt. Das Launchpad-Symbol wird in der macOS-Symbolleiste angezeigt.

Klicken Sie in der macOS-Symbolleiste auf das Launchpad-Symbol.

Die VS Code-Anwendung wird im macOS Launchpad-Menü angezeigt.

Klicken Sie auf das Visual Studio Code-Symbol, um Visual Studio Code zu starten.

Die VS Code-Anwendung ist geöffnet, aber es ist kein Projekt ausgewählt.

Visual Studio Code wird geöffnet.

Installieren der VEX-Erweiterung

Das Erweiterungssymbol im Seitenmenü von VS Code wird angezeigt.

Klicken Sie auf das Erweiterungssymbol in der Aktivitätsleiste von VS Code

Das Seitenmenü von VS Code Extensions ist geöffnet und VEX wurde in die Suchleiste des Menüs eingegeben. Die Suchergebnisse werden unten angezeigt, und die VEX Robotics Extension ist aufgeführt.

Geben Sie in der Suchleiste VEX ein

Die VEX-Erweiterung wird im Fenster unten angezeigt.

Klicken Sie auf die Schaltfläche „Installieren“ neben der Erweiterung von VEX Robotics.

Die VS Code-Erweiterung wird im Seitenmenü angezeigt und ihr Status lautet „Wird installiert“.

Sobald die Installation beginnt, ändert sich der Text in „Installieren“. Warten Sie, bis die Installation abgeschlossen ist, bevor Sie fortfahren.

Installieren der unterstützenden Erweiterungen

Um Intellisense/Linting sowohl für C++ als auch für Python verwenden zu können, müssen zusätzliche Erweiterungen installiert werden. Die VEX VS Code Extension konfiguriert VEX-Projekte automatisch für die Arbeit mit diesen Erweiterungen. Andere Intellisense/Linting-Erweiterungen können verwendet werden, Benutzer müssen die Projekte jedoch nach Bedarf manuell konfigurieren.

Das Erweiterungssymbol im Seitenmenü von VS Code wird angezeigt.

Klicken Sie auf das Erweiterungssymbol in der Aktivitätsleiste von VS Code

Das Seitenmenü von VS Code Extensions ist geöffnet und in die Suchleiste des Menüs wurde C++ eingegeben. Die Suchergebnisse werden unten angezeigt, wobei die Microsoft C/C++-Erweiterung als erste Option aufgeführt ist.

Geben Sie in der Suchleiste „C++“ ein.

Die Microsoft C++-Erweiterung wird im Fenster unten angezeigt.

Klicken Sie auf die Schaltfläche „Installieren“ neben der C/C++-Erweiterung von Microsoft.

Die Microsoft C/C++-Erweiterung wird im Seitenmenü angezeigt und ihr Status lautet „Wird installiert“.

Sobald die Installation beginnt, ändert sich der Text in „Installieren“. Warten Sie, bis die Installation abgeschlossen ist, bevor Sie fortfahren.

Das Seitenmenü von VS Code Extensions ist geöffnet und in die Suchleiste des Menüs wurde Python eingegeben. Die Suchergebnisse werden unten angezeigt, wobei die Microsoft Python-Erweiterung als erste Option aufgeführt ist.

Geben Sie in der Suchleiste „Python“ ein.

Die Microsoft Python-Erweiterung wird im Fenster unten angezeigt.

Klicken Sie auf die Schaltfläche „Installieren“ neben der Python-Erweiterung von Microsoft.

Im Seitenmenü wird die Microsoft Python-Erweiterung angezeigt und ihr Status lautet „Wird installiert“.

Sobald die Installation beginnt, ändert sich der Text in „Installieren“. Warten Sie, bis die Installation abgeschlossen ist, bevor Sie fortfahren.