VEX VS Code bővítmény felhasználói felületének áttekintése

Ez a cikk áttekintést nyújt a VEX Visual Studio Code Extension UI-járól (felhasználói felület). A kiterjesztés támogatja a C++ és Python projektek fejlesztését VEX IQ (2. generáció), EXP és V5 platformokra.

VEX VS Code bővítmény felhasználói felület elrendezése

A VEX Visual Studio kódbővítmény felhasználói felülete öt fő területre oszlik: Tevékenységsáv, Oldalsáv, Szerkesztő, Terminálpanel és Eszköztár.

A teljes VEX VS Code felhasználói felület elrendezését bemutató képernyőkép. Az Aktivitássáv és az Oldalsáv a képernyő bal oldalán található, az Eszköztár és a Terminál a képernyő alsó részén, a szerkesztő pedig a képernyő többi részét kitölti.

Aktivitási sáv

Az Aktivitás sáv ikonok széles skáláját tartalmazza, amelyek lehetővé teszik a nézetek közötti váltást, és további, kontextusspecifikus indikátorokat biztosítanak a VEX projekt fejlesztéséhez.

VS Code aktivitássáv telepített VEX Robotics bővítménnyel. Az Aktivitássáv ikonjai hasznos gyorsműveleteket biztosítanak, például keresést, bővítmények kezelését, verziókövetést és egyebeket.

A VEX projektek VS Code-ban történő fejlesztéséhez használt általános ikonok a következők:

  • Böngésző nézet ikon. Intéző nézet ikon - Kattintásra az Intéző nézet megnyílik az oldalsávon.
  • Bővítmények nézet ikon. Bővítmények nézet ikon - Ha rákattint, a Bővítmények nézet megnyílik az oldalsávon.
  • VEX nézet ikon. VEX nézet ikon - Kattintásra a VEX nézet megnyílik az oldalsávon.

Oldalsáv

Az oldalsáv különböző nézeteket tartalmaz, amelyek lehetővé teszik a VS Code integrált eszközeinek használatát. A VEX projektfejlesztéshez szükséges feladatok végrehajtásához használt általános oldalsáv nézetek a Bővítmény nézet, VEX nézetés Böngésző nézet.

Bővítmény nézet

A Extension View a VS Code-ban található bővítmények telepítésére és kezelésére szolgál. VEX IQ (2. generációs), EXP és V5 platformokon történő szoftverfejlesztéshez telepítenünk kell a VEX bővítményt, a C/C++ bővítményt és a Python bővítményt.

A VEX bővítmény, C/C++ bővítményés Python bővítmény VS Code-ban történő telepítésének lépésenkénti utasításaiért tekintse meg ezt a cikket.

VS Code bővítménynézet, amely a telepített bővítmények listáját jeleníti meg. Minden bővítményhez tartozik egy beállítások menü, amely itt nyitható meg, és van egy keresősáv az új bővítmények kereséséhez és letöltéséhez.


VEX nézet

A VEX View lehetővé teszi számunkra, hogy VEX IQ (2. generáció), EXP és V5 projekteket fejlesszünk VS Code-ban. A VEX nézet három kategória található: PROJEKT MŰVELETEK, VEX ESZKÖZINFORMÁCIÓK, és VEX VISSZAJELZÉS.

VS Code VEX nézet, amely fent a projektek létrehozásának és importálásának lehetőségeit, alul a VEX eszközinformációk menüjét, alul pedig egy visszajelzési menüt jeleníti meg.

  • PROJEKT MŰVELETEK
    A PROJEKT MŰVELETEK alatti gombokkal új VEX projektet hozhat létre, vagy importálhat egy meglévő VEXcode projektet.
    A VEX projektek VS Code-ban történő létrehozásával kapcsolatos részletes útmutatásért lásd V5című cikket, az EXPcímű cikket és a IQ (2. generáció)című cikket.

A VEX bővítménynézet Projektműveletek része. Ebben a részben két gomb található: Új projekt és Projekt importálása.

  • VEX ESZKÖZINFORMÁCIÓK
    A VEX ESZKÖZINFORMÁCIÓK kategória áttekintést nyújt a csatlakoztatott VEX eszközről – egy VEX Brainről vagy egy VEX vezérlőről.

    VEX Device Info section of the VEX Extension View is shown, with a list of all connected devices and specific info about each one. In this example, an EXP Brain and its downloaded programs are shown.


    Ez a kategória a csatlakoztatott VEX eszköz típusát jelzi, és megjeleníti a Brain rendszer, a soros port, a letöltött program és a VEX Brain intelligens portjaihoz csatlakoztatott eszközök információit. Lehetővé teszi számunkra a VEX agy képernyőjének képernyőképezését, a VEX agy eseménynaplójának megtekintését, az agy nevének és csapatszámának beállítását, valamint a felhasználói program törlését a VEX agyból.

    Amikor egy VEX Brain csatlakozik a számítógéphez, a VEX DEVICE INFO kategória mutatja, hogy van-e VEX vezérlő csatlakoztatva a VEX Brainhez, és lehetővé teszi számunkra a VEXos frissítését a VEX Brain számára, ha a VEX Brain VEXos verziója elavult.

    Amikor egy VEX vezérlő csatlakoztatva van a számítógéphez, a VEX DEVICE INFO kategória mutatja, hogy egy VEX Brain csatlakozik-e a VEX vezérlőhöz, és lehetővé teszi számunkra a VEXos frissítését a VEX vezérlőhöz, ha a VEX vezérlő VEXos verziója elavult.

    Az eszközinformációk átfogó leírásáért és VEX DEVICE INFOalatti funkciók használatának módjáért kérjük, tekintse meg ezt a cikket.
  • VEX VISSZAJELZÉS
    A VEX-nek úgy küldhetünk visszajelzést, hogy beírjuk az üzenetet a VEX VISSZAJELZÉS alatti szövegmezőbe, majd a KÜLDÉS gombra kattintunk.
    A VS Code-ban lévő VEX FEEDBACK használatával kapcsolatos hasznos információkért lásd ezt a cikket.

A VEX bővítménynézet VEX visszajelzés része. Ebben a részben található egy űrlap, amelyen keresztül visszajelzést küldhet a VEX-nek.

Felfedező nézet

A Explorer View a VEX projektfájlok és -mappák böngészésére, megnyitására és kezelésére szolgál a VS Code-ban.

VS Code Explorer nézet, amely lehetővé teszi a felhasználó számára a VEX projektben található mappák és fájlok közötti navigálást. A fájlokhoz tartozó ikonok és fájltípusok láthatók, ebben a példában egy Python fájl van kiválasztva, és a címe main.py.

Szerkesztő

A Szerkesztő a VS Code fájljainak szerkesztésére szolgáló fő terület. A VEX VS Code Extension lehetővé teszi az Intellisense/Linting használatát mind a C/C++, mind a Python esetében a Szerkesztő területen, hogy segítsen minket a program fejlesztése során.

VS Code Editor egy VEX projekt részeként megnyitott Python fájllal. Python vagy C/C++ kód írható és szerkeszthető itt VEX robotikai programok létrehozásához, ha egy VEX Brainhez csatlakoztatjuk.

A Szerkesztő területen hasznos információkhoz juthatunk egy adott függvénnyel kapcsolatban, ha az egérmutatót a függvény szövege fölé viszi, vagy a VEX parancssúgó használatával elérhetjük a függvény C++ és Python API-ban (Application Programming Interface) található dokumentációját.

VS Code-ban VEX parancssúgó használatáról részletes utasításokat talál a.

Terminálpanel

A VEX VS kódbővítmény indításkor két terminált biztosít: a Naplóterminált és az Interaktív terminált. 

  • Naplóterminál – A naplóterminál megjeleníti a build kimenetét, a build hibákat és a letöltési eredményeket.

A VS Code VEX naplóterminál megnyílik, és alapértelmezett üres állapotot mutat, csak egy üzenettel a Napló olvasása mellett.

  • Interaktív terminál - Az interaktív terminálnak két funkciója van: nyomtatási naplók megjelenítése és nyers billentyűleütések küldése vissza egy felhasználói programnak.

    VS Code VEX Interactive Terminal is opened and shows messages that detail the VEX Brain connection status.



    : Az interaktív terminál használatához egy agyat vagy vezérlőt kell csatlakoztatni egy VEX VS Code Extension programot futtató számítógéphez.
    Megjegyzés: Az interaktív terminál kimenete alapértelmezés szerint törlődik a felhasználói program felépítése és letöltése után.

Eszköztár

Az Eszköztár ikonok széles skáláját kínálja, amelyekkel gyorsan kapcsolatba léphetünk a VEX VS Code bővítményprojektekkel, a VEX agyakkal és a VEX vezérlőkkel.

VS Code eszköztár VEX bővítmény ikonokkal, amelyek segítségével gyorsan kommunikálhat a csatlakoztatott VEX eszközökkel és projektekkel. A VEX funkciói közé tartozik az Eszközválasztó, a Helyválasztó, a Build & letöltése ikon, a Lejátszás ikon, a Leállítás ikon, a Projektválasztó és a Python fájlválasztó.

Megjegyzés: Az eszköztár csak akkor aktív, ha egy érvényes VEX projekt van megnyitva a VS Code-ban. 

Megjegyzés: Az érvényes VEX projekt a bővítmény által létrehozott vagy importált projekt. A szerkesztőben megnyitott VEXcode vagy VEXcode Pro projektek nem lesznek érvényes VEX projektek, és importálni kell őket.

Az Eszköztáron megjelenő ikonok a következők:

  • Az eszközválasztó ikon megjelenik a VS Code eszköztárán. Eszközválasztó - Az Eszközválasztó megjeleníti a csatlakoztatott VEX eszköz ikonját (egy Agy ikont Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Brain icon. vagy egy Vezérlő ikont Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Controller icon.)
    Megjegyzés: Ha egy vezérlő csatlakozik a számítógéphez, de nincs rádiókapcsolata az aggyal, akkor az agy neve nem jelenik meg a Vezérlő ikonja mellett.
  • Helyválasztó ikon. Helyválasztó ikon - A Helyválasztó ikon lehetővé teszi számunkra, hogy kiválasszuk, melyik helyről töltse le vagy játssza le a VEX bővítmény a felhasználói programot. Ehhez kattintsunk rá, és a listából válasszunk ki egyet a VEX agy nyolc elérhető helyéből.
  • Építés és letöltés ikon. Build & Letöltés ikon - Ha VEX eszköz van csatlakoztatva, a Letöltés ikon megjelenik az eszköztáron. Ha rákattintunk, a projekt felépítésre kerül, és sikeres esetén letöltődik a csatlakoztatott VEX eszközre.
  • Lejátszás ikon. Lejátszás ikon - Ha rákattint, a Lejátszás ikon elindítja a letöltött felhasználói programot a VEX agy kiválasztott nyílásában.
  • Leállítás ikon. Leállítás ikon - Ha rákattint, a Leállítás ikon leállítja a felhasználói program futtatását a VEX agyon.
  • A Projektválasztó a VS Code eszköztáron látható. Ebben a példában a v5NewProject feliratot mutatja. Projektválasztó - A Projektválasztó megjeleníti a kiválasztott projekt nevét. A Projektválasztó ikon lehetővé teszi számunkra, hogy váltsunk a VEX projektek között, ha több is létezik a munkaterületen belül, rájuk kattintva és egy projektet kiválasztva a listából.
  • A Python fájlválasztó ikonja megjelenik a VS Code eszköztáron. Ebben a példában ez a main.py fájlt jelenti. Python fájlválasztó (csak Pythonban) - Amikor egy VEX Python projektet kiválasztanak, a Python fájlválasztó megjelenik az eszköztáron. A Python fájlválasztó megjeleníti a kiválasztott Python fájl nevét. A Python for VEX jelenleg csak egyetlen fájl letöltését támogatja.

A VS Code Eszköztár funkcióinak használatával kapcsolatos hasznos információkért tekintse meg ezt a cikket .

VEX felhasználói beállítások

A VEX felhasználói beállítások lehetővé teszik számunkra, hogy a VEX bővítményt a saját igényeinknek megfelelően konfiguráljuk. A felhasználói beállítások globális beállítások, amelyek minden VEX VS Code bővítményprojektre vonatkoznak. A VEX felhasználói beállításokat a VS Code-ban a Beállítások ikonra kattintva, majd a menükben a megfelelő elemek kiválasztásával érhetjük el.

A VS Code felhasználói beállításai a VEX kategóriában nyílnak meg, ahol a VEX robotikai bővítmény viselkedése testreszabható.

A VEX VS kódbővítmény konfigurálásához szükséges VEX felhasználói beállítások a következők:

  • Cpp Toolchain Path – Beállítja a CPP Toolchain elérési útját.
  • Felhasználói terminál engedélyezése– Engedélyezi vagy letiltja a bővítmény számára a felhasználói porton keresztüli adatok megnyitását és megjelenítését.
  • Naplóbejegyzések – Beállítja a VEX agyból feltöltendő naplóbejegyzések számát.
  • Projektépítési típus – Beállítja, hogyan építsen fel a bővítmény egy C++ projektet.
  • Projekt kezdőlapja – Beállítja az új projektek alapértelmezett helyét.
  • Futtatás letöltés után - Beállítja, hogy a felhasználói program fusson-e a VEX Brain-re letöltés után.
  • Rendszer DFU automatikus helyreállítás - Beállítja, hogy az agy automatikusan helyreálljon-e, ha IQ (2. generációs) vagy EXP agyat észlel DFU módban.
  • Websocket Server engedélyezése – Engedélyezi vagy letiltja a bővítményt a Websocket Server elindításához.
  • Websocket Server állomáscíme – Beállítja a Websocket Server állomáscímét.
  • Websocket Server port – Beállítja a Websocket Server portszámát

A VEX felhasználói beállítások elérésével és beállításával kapcsolatos hasznos információkért tekintse meg ezt a cikket .

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

Last Updated: