VS Code Installatiehandleiding voor IQ – VEX-bibliotheek

Dit artikel is een overzicht voor het installeren van Visual Studio Code en de VEX Visual Studio Code Extension. De extensie ondersteunt officieel Windows en macOS.

Visual Studio-code installeren

Open een internetbrowser en navigeer naar: https://code.visualstudio.com/

Hier zijn de handleidingen van de VS Code-website. Deze kunnen nuttig zijn of u kunt dit artikel volgen.

ramen
macOS

Installeren voor Windows

Startpagina van de Visual Studio Code-website met een grote kop met de tekst Code bewerken. Opnieuw gedefinieerd. Onder de kop ziet u een blauwe knop met de tekst Downloaden voor Windows.

Klik op de knop Downloaden voor Windows.

Het VS Code-installatieprogramma wordt gedownload in het downloadmenu van de browser.

Vervolgens begint het downloaden in de browser.

Pictogram van Verkenner.

Het pictogram van de Verkenner wordt weergegeven op de Windows-werkbalk, rechts van de zoekbalk.

Open vervolgens de Verkenner door op het pictogram "Verkenner" op de Windows-werkbalk te klikken

U typt de term Verkenner in de zoekbalk van Windows en de app Verkenner wordt weergegeven in de zoekresultaten.

Of door Bestandsverkenner in de Windows-zoekbalk te typen en op de Verkenner-app te klikken

De snelkoppeling 'Downloads' wordt weergegeven in de zijbalk van Verkenner.

Navigeer vervolgens naar de downloadmap door op de snelkoppeling Downloads in de zijbalk te klikken.

Windows Verkenner wordt geopend in de map Downloads en het VS Code Installer-bestand wordt weergegeven.

Klik op het installatieprogramma VS Code.

Microsoft VS Code-installatievenster met een licentieovereenkomst waarmee u akkoord moet gaan. Hieronder staat een knop met de tekst Ik ga akkoord met de overeenkomst. De knop Volgende is hieronder gemarkeerd.

Accepteer de overeenkomst en klik op volgende.

Microsoft VS Code-installatievenster met opties om extra taken te selecteren. De opties omvatten het maken van een bureaubladpictogram, het toevoegen van de actie Openen met code aan het contextmenu van Verkenner en het toevoegen van VS Code aan het PATH. In dit voorbeeld zijn alle selectievakjes aangevinkt. Hieronder is de knop Volgende gemarkeerd.

Configureer de installatie en klik op volgende.

Het Microsoft VS Code-installatievenster is nu klaar voor installatie. De geselecteerde aanvullende taken worden weergegeven ter beoordeling. Hieronder is de knop Installeren gemarkeerd.

Klik op installeren om de installatie te starten.

Het installatievenster van Microsoft VS Code met een voortgangsbalk en het bericht Installeren. Een ogenblik geduld terwijl Setup Visual Studio Code op uw computer installeert.

Het installatieproces begint.

Het Microsoft VS Code-installatievenster met het bericht De wizard Visual Studio Code-installatie wordt voltooid. Er is een optie om VS Code te starten die standaard is aangevinkt, en daaronder bevindt zich een knop Voltooien.

Zodra de installatie is voltooid, klikt u op Voltooien en wordt VS Code gestart.

De VS Code-toepassing is geopend zonder dat er een project is geselecteerd.

Visual Studio Code wordt geopend.

Installeren voor macOS

Startpagina van de Visual Studio Code-website met een grote kop met de tekst Code bewerken. Opnieuw gedefinieerd. Onder de kop ziet u een blauwe knop met de tekst Download Mac Universal.

Klik op de knop "Mac Universal downloaden".

Het VS Code zip-bestand wordt weergegeven terwijl de downloadlijst van de browser wordt gedownload.

Vervolgens begint het downloaden.

Finder-pictogram.

Het Finder-apppictogram wordt weergegeven op de macOS-werkbalk.

Open vervolgens Finder door op het pictogram "Finder" op de macOS-werkbalk te klikken

De snelkoppeling 'Downloads' wordt weergegeven in de Finder-zijbalk.

Navigeer vervolgens naar de map "Downloads" door op "Downloads" in de zijbalk Favorieten te klikken.

Finder wordt geopend in de map Downloads en het VS Code darwin universal zip-bestand wordt weergegeven.

Dubbelklik op het zipbestand VS Code om het uit te pakken.

Finder wordt geopend in de map Downloads en er is dubbelgeklikt op het VS Code darwin universal zip-bestand om het uit te pakken. Het VS Code-toepassingsbestand is naast het zip-bestand verschenen.

Klik en sleep de Visual Studio Code-toepassing naar de map Toepassingen.

De snelkoppeling naar toepassingen wordt weergegeven in de Finder-zijbalk. De macOS-werkbalk wordt weergegeven. Het Launchpad-pictogram wordt weergegeven in de macOS-werkbalk.

Klik op het Launch Pad-pictogram in de macOS-werkbalk.

De VS Code-applicatie wordt weergegeven in het macOS Launchpad-menu.

Klik op het Visual Studio Code-pictogram om Visual Studio Code te starten.

De VS Code-toepassing is geopend zonder dat er een project is geselecteerd.

Visual Studio Code wordt geopend.

De VEX-extensie installeren

Het extensiepictogram in het zijmenu van VS Code wordt weergegeven.

Klik op het extensiepictogram in de activiteitenbalk VS Code

Het zijmenu van VS Code Extensions wordt geopend en VEX is in de zoekbalk van het menu getypt. De zoekresultaten worden hieronder weergegeven en de VEX Robotics Extension wordt vermeld.

Typ VEX in de zoekbalk

De VEX-extensie verschijnt in het onderstaande venster.

Klik op de installatieknop naast de extensie van VEX Robotics.

VS Code Extension wordt weergegeven in het zijmenu en de status is Installeren.

Zodra de installatie begint, verandert de tekst in installeren. Wacht tot de installatie is voltooid voordat u doorgaat.

De ondersteunende extensies installeren

Om Intellisense/Linting voor zowel C++ als Python te kunnen gebruiken, moeten aanvullende extensies worden geïnstalleerd. De VEX VS Code Extension configureert VEX-projecten automatisch om met deze extensies te werken. Andere Intellisense/Linting-extensies kunnen worden gebruikt, maar gebruikers moeten de projecten indien nodig handmatig configureren.

Het extensiepictogram in het zijmenu van VS Code wordt weergegeven.

Klik op het extensiepictogram in de activiteitenbalk VS Code

Het zijmenu van VS Code Extensions is geopend en C++ is in de zoekbalk van het menu getypt. De zoekresultaten worden hieronder weergegeven. De Microsoft C/C++-extensie is de eerste optie.

Typ in de zoekbalk “C++”

De Microsoft C++-extensie verschijnt in het onderstaande venster.

Klik op de installatieknop naast de C/C++-extensie van Microsoft.

De Microsoft C/C++-extensie wordt weergegeven in het zijmenu en de status is Installeren.

Zodra de installatie begint, verandert de tekst in installeren. Wacht tot de installatie is voltooid voordat u doorgaat.

Het zijmenu van VS Code Extensions is geopend en Python is in de zoekbalk van het menu getypt. De zoekresultaten worden hieronder weergegeven. De Microsoft Python Extension is de eerste optie die wordt vermeld.

Typ in de zoekbalk “Python”

De Microsoft Python-extensie verschijnt in het onderstaande venster.

Klik op de installatieknop naast de Python-extensie van Microsoft.

Microsoft Python Extension wordt weergegeven in het zijmenu en de status is Installeren.

Zodra de installatie begint, verandert de tekst in installeren. Wacht tot de installatie is voltooid voordat u doorgaat.