Översikt över VEX VS-kodtilläggets användargränssnitt

Den här artikeln ger en översikt över VEX Visual Studio Code Extension UI (användargränssnitt). Tillägget stöder utveckling av C++- och Python-projekt för VEX IQ 2nd Generation-, EXP- och V5-plattformar.

VEX VS-kodtilläggets användargränssnittslayout

VEX Visual Studio Code Extension-gränssnittet är indelat i fem huvudområden: aktivitetsfält, sidofält, redigerare, terminalpanel och verktygsfält.

Aktivitetsfält

Aktivitetsfältet har en rad ikoner som låter oss växla mellan vyer och ger oss ytterligare kontextspecifika indikatorer för VEX-projektets utveckling.

De vanliga ikonerna som används för att utveckla ett VEX-projekt i VS Code är:

  • Skärmdump av VEX V5 Code Extension-gränssnittet i Visual Studio Code, som visar olika funktioner och verktyg som är tillgängliga för programmering av VEX-robotar. Ikon för Utforskarvy - När du klickar på den öppnas Utforskarvyn i sidofältet.
  • Skärmdump av VEX V5 Code Extension-gränssnittet i Visual Studio Code, som visar funktioner och verktyg som är tillgängliga för programmering av VEX-robotar. Ikon för tilläggsvy - När du klickar på den öppnas Tilläggsvyn i sidofältet.
  • Diagram som illustrerar funktionerna och funktionaliteterna hos VEX V5 VS Code Extension, med framhävning av viktiga komponenter och verktyg för programmering av VEX-robotar. VEX View-ikon - När du klickar på den öppnas VEX View i sidofältet.

Sidofält

Sidofältet innehåller olika vyer som gör det möjligt för oss att använda de integrerade verktygen i VS Code. De vanliga sidofältsvyerna som används för att utföra uppgifter för VEX-projektutveckling är Tilläggsvy, VEX-vyoch Utforskarvy.

Förlängningsvy

Tilläggsvy används för att installera och hantera tilläggen i VS Code. För att utveckla programvara på VEX IQ 2nd Generation-, EXP- och V5-plattformar behöver vi installera VEX Extension, C/C++ Extension och Python Extension.

För steg-för-steg-instruktioner om hur du installerar VEX-tillägget, C/C++-tilläggetoch Python-tillägget i VS Code, vänligen läs den här artikeln.


VEX-vy

VEX View kan vi utveckla projekt för VEX IQ 2nd Generation, EXP och V5 i VS Code. Det finns tre kategorier i VEX-vyn: PROJEKTÅTGÄRDER, VEX-ENHETSINFO, och VEX-FEEDBACK.

  • VEX-ENHET INFO
    Kategorin VEX-ENHET INFO ger oss en översikt över den anslutna VEX-enheten - en VEX Brain eller en VEX-styrenhet.


    Denna kategori anger den anslutna VEX-enhetstypen och visar information om Brain-systemet, serieporten, nedladdat program och enheter anslutna till VEX Brains smarta portar. Det låter oss ta en skärmdump av VEX Brain-skärmen, visa VEX Brain-händelseloggen, använda V5 Battery Medic, ställa in hjärnnamnet och lagnummeroch radera användarprogrammet från VEX Brain,

    När en VEX Brain är ansluten till datorn visar kategorin VEX DEVICE INFO om en VEX-styrenhet är länkad till VEX Brain och gör det möjligt för oss att uppdatera VEXos för VEX Brain om VEX Brains VEXos-version är föråldrad.

    När en VEX-styrenhet är ansluten till datorn visar kategorin VEX DEVICE INFO om en VEX Brain är länkad till VEX-styrenheten och gör det möjligt för oss att uppdatera VEXos för VEX-styrenheten om VEX-styrenhetens VEXos-version är föråldrad.

    För en omfattande beskrivning av enhetsinformationen och hur du använder funktionerna under VEX-ENHETSINFORMATION, vänligen läs den här artikeln.
  • VEX FEEDBACK
    Vi kan skicka feedback till VEX genom att skriva meddelandet i textrutan under VEX FEEDBACK och klicka på knappen SKICKA
    För användbar information om hur du använder VEX FEEDBACK i VS Code, vänligen se den här artikeln.

Utforskarvy

Utforskarvyn används för att bläddra bland, öppna och hantera VEX-projektfiler och -mappar i VS Code

Redaktör

Redigeraren är det huvudsakliga området för att redigera filerna i VS Code. VEX VS Code Extension möjliggör Intellisense/Linting för både C/C++ och Python i editorområdet för att hjälpa oss under utvecklingen av programmet.

I redigeringsområdet kan vi få tillgång till användbar information om en specifik funktion genom att hålla muspekaren över funktionens text eller genom att använda VEX-kommandohjälpen för att komma åt dokumentationen för den här funktionen som ingår i C++ och Python API (Application Programming Interface).

För detaljerade instruktioner om hur du använder VEX-kommandohjälpen i VS-kod, se den här artikeln.

Terminalpanel

VEX VS Code Extension tillhandahåller två terminaler vid start, loggterminalen och den interaktiva terminalen. 

  • Loggterminal - Loggterminalen visar byggutdata, byggfel och nedladdningsresultat.

  • Interaktiv terminal - Den interaktiva terminalen har två funktioner - att visa utskriftsloggar och att skicka råa tangenttryckningar tillbaka till ett användarprogram.



    Obs: För att använda den interaktiva terminalen måste en hjärna eller styrenhet vara ansluten till en dator som kör VEX VS-kodtillägget.
    Obs: Interaktiv terminalutmatning rensas som standard efter att ett användarprogram har skapats och laddats ner.

Verktygsfält

Verktygsfältet innehåller en rad ikoner som ger oss ett snabbt sätt att interagera med VEX VS Code-tilläggsprojekt, VEX Brains och VEX Controllers.

Obs: Verktygsfältet är endast aktivt när ett giltigt VEX-projekt är öppet i VS Code. 

Obs: Ett giltigt VEX-projekt är ett projekt som skapas eller importeras av tillägget. VEXcode- eller VEXcode Pro-projekt som öppnas i redigeraren kommer inte att betraktas som ett giltigt VEX-projekt och måste importeras.

Ikonerna som visas i verktygsfältet inkluderar:

  • Skärmdump av VEX V5 Code Extension-gränssnittet i Visual Studio Code, som visar funktioner och verktyg som är tillgängliga för programmering av VEX-robotar. Enhetsväljare - Enhetsväljaren visar ikonen för den anslutna VEX-enheten (en hjärnikon VEX Device Picker showing icons for connected VEX devices, including a Brain icon and a Controller icon, as part of the V5 Category Description in the VS Code Extension section. eller en kontrollikon Icon of a controller representing the V5 category in the context of the VS Code Extension, illustrating functionality related to programming and controlling VEX robotics.)
    Obs: Om en kontrollenhet är ansluten till datorn men inte har en radiolänk till en hjärna visas inget hjärnnamn bredvid kontrollikonen.
  • Skärmdump av VEX V5 Code Extension-gränssnittet i Visual Studio Code, som visar olika programmeringsfunktioner och verktyg som är tillgängliga för användare att utveckla och hantera VEX-robotprojekt. Platsväljarikon - Platsväljarikonen låter oss välja vilken plats VEX-tillägget ska ladda ner eller spela upp ett användarprogram på genom att klicka på den och välja en av de åtta tillgängliga platserna på VEX-hjärnan från listan.
  • Skärmdump av VEX V5 Code Extension-gränssnittet i Visual Studio Code, som visar funktioner och verktyg för programmering av VEX-robotar. Bygg & Nedladdningsikon - Om en VEX-enhet är ansluten visas Nedladdningsikonen i verktygsfältet. När du klickar på den kommer projektet att byggas och om det lyckas laddas ner till den anslutna VEX-enheten.
  • Skärmdump av VEX V5 VS Code Extension-gränssnittet, som visar kodredigeringsfunktioner och verktyg för programmering av VEX-robotar. Bilden framhäver den användarvänliga layouten och funktionaliteten som är utformad för att förbättra kodningseffektiviteten. Spela-ikon - När den klickas Spela-ikonen körs det nedladdade användarprogrammet i den valda platsen på VEX Brain.
  • Skärmdump av gränssnittet för VEX V5 Code Extension som visar kodredigeringsfunktioner och verktyg för robotprogrammering i Visual Studio Code. Stoppikon - När den klickas Stoppikonen stoppar körningen av användarprogrammet på VEX Brain.
  • Skärmdump av VEX V5 Code Extension-gränssnittet i VS Code, som visar funktioner och verktyg för programmering av VEX-robotar, inklusive kodredigering, felsökningsalternativ och projektledning. Projektväljare - Projektväljaren visar namnet på det valda projektet. Projektväljarikonen låter oss växla mellan VEX-projekt när det finns flera i arbetsytan genom att klicka på det och välja ett projekt från urvalslistan
  • Skärmdump av VS Code Extension-gränssnittet för V5, som visar funktioner och verktyg som är tillgängliga för utvecklare, inklusive kodredigering, felsökningsalternativ och integrationsfunktioner. Python-filväljare (endast Python) - När ett VEX Python-projekt väljs visas Python-filväljaren i verktygsfältet. Python-filväljaren visar namnet på den valda Python-filen. Python för VEX stöder för närvarande endast nedladdningar av enskilda filer.

För användbar information om hur du använder verktygsfältsfunktionerna i VS Code, vänligen läs den här artikeln.

VEX-användarinställningar

VEX användarinställningarna låter oss konfigurera VEX Extension enligt våra egna krav. Användarinställningar är globala inställningar som tillämpas på alla VEX VS Code-tilläggsprojekt. Vi kan komma åt VEX användarinställningar genom att klicka på inställningsikonen i VS Code och välja motsvarande alternativ i menyerna.

VEX-användarinställningarna för att konfigurera VEX VS-kodtillägget är:

  • Styrenhetskanal (endast V5-styrenhet) - Ställer in V5-styrenhetens radiokanal till Nedladdning eller Grop. Denna inställning gäller endast VEXnet-radiolänken.
  • Cpp-verktygskedjans sökväg - Anger sökvägen för CPP-verktygskedjan.
  • Aktivera användarterminal– Aktiverar eller inaktiverar tilläggets möjligheter att öppna och visa data från användarporten.
  • Loggposter – Anger antalet loggposter som ska laddas upp från en VEX Brain.
  • Projektbyggtyp – Anger hur tillägget ska bygga ett C++-projekt.
  • Projekt Startsida – Anger standardplatsen för nya projekt.
  • Kör efter nedladdning - Anger om användarprogrammet ska köras efter att det har laddats ner till en VEX Brain.
  • System DFU Autoåterställning - Ställer in om hjärnan ska återhämta sig automatiskt när en IQ2 eller EXP detekteras i DFU-läge.
  • Websocket Server Aktivera – Aktiverar eller inaktiverar tillägget för att starta Websocket Server.
  • Websocket-serverns värdadress – Anger värdadressen för Websocket-servern.
  • Websocket-serverport – Anger Websocket-serverportnummer

För användbar information om hur du kommer åt och ställer in VEX användarinställningar, läs den här artikeln.

For more information, help, and tips, check out the many resources at VEX Professional Development Plus

Last Updated: