Ez a cikk áttekintést nyújt a VEX Visual Studio Code Extension UI-ról (felhasználói felületről). A bővítmény támogatja a C++ és Python projektek fejlesztését VEX IQ (2nd gen), EXP és V5 platformokhoz.

VEX VS Code Extension UI elrendezés

A VEX Visual Studio Code Extension UI öt fő területre oszlik: tevékenységsor, oldalsáv, szerkesztő, terminálpanel és eszköztár.

Tevékenységsáv

Az Activity Bar egy sor ikont tartalmaz, amelyek segítségével válthatunk a nézetek között, és további kontextus-specifikus mutatókat ad a VEX projekt fejlesztéséhez.

A VS Code-ban a VEX projekt fejlesztéséhez használt gyakori ikonok:

  • Képernyőkép a VEX V5 Code Extension interfészéről a Visual Studio Code-ban, amely bemutatja a VEX robotika programozásához rendelkezésre álló különféle szolgáltatásokat és eszközöket. Intéző nézet ikon - Ha rákattint, a Explorer View megnyílik az oldalsávon.
  • Képernyőkép a VEX V5 Code Extension felületéről a Visual Studio Code-ban, amely bemutatja a VEX robotika programozásához elérhető funkciókat és eszközöket. Bővítmények nézet ikonja - Ha rákattint, az oldalsávon megnyílik a Bővítmények nézet.
  • A VEX V5 VS Code Extension jellemzőit és funkcióit szemléltető diagram, kiemelve a VEX robotika programozásának legfontosabb összetevőit és eszközeit. VEX View Icon - Ha rákattint, a VEX View megnyílik az oldalsávban.

Oldalsó sáv

Az oldalsáv különböző nézeteket tartalmaz, amelyek lehetővé teszik számunkra a VS Code integrált eszközeinek használatát. A VEX projektfejlesztési feladatok végrehajtására használt általános oldalsáv nézetek a következők: Extension View, VEX Viewés Explorer View.

Kiterjesztés nézet

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

A VEX Extension, C/C++ Extensionés Python Extension VS Code-ban történő telepítéséhez lépésről lépésre vonatkozó utasításokért tekintse meg ezt a cikket.


VEX nézet

A VEX View lehetővé teszi számunkra, hogy projekteket fejlesszünk VEX IQ (2nd gen), EXP és V5 VS Code-ban. A VEX View három kategóriát tartalmaz: PROJEKT MŰVELETEK, VEX ESZKÖZINFORMÁCIÓ, és VEX VISSZAJELZÉS.

  • VEX VISSZAJELZÉS
    Visszajelzést küldhetünk a VEX-nek, ha beírjuk az üzenetet az VEX FEEDBACK alatti Szövegdobozba, majd a KÜLDÉS gombra kattintunk.
    A VEX FEEDBACK VS Code-ban történő használatával kapcsolatos hasznos információkért tekintse meg ezt a cikket.

Explorer nézet

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

Szerkesztő

A Szerkesztő a fő terület a VS Code fájlok szerkesztéséhez. A VEX VS Code Extension lehetővé teszi az Intellisense/Linting alkalmazást C/C++ és Python számára a Szerkesztő területen, hogy segítsen nekünk a program fejlesztésében.

A Szerkesztő területen egy adott funkcióval kapcsolatos hasznos információkat érhetjük el, ha az egeret a függvény szövege fölé viszjük, vagy a VEX Command Help használatával elérjük a C++ és Python API-ban (Application Programming Interface) található funkció dokumentációját. ).

A VEX Command Help VS Code-ban történő használatára vonatkozó részletes utasításokért lásd ezt a cikket.

Terminál panel

A VEX VS Code Extension két terminált biztosít indításkor, a naplóterminált és az interaktív terminált. 

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

  • 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 visszaküldése egy felhasználói programnak.



    Megjegyzés: Az interaktív terminál használatához egy agyat vagy vezérlőt kell csatlakoztatni a VEX VS Code Extensiont 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 egy sor ikont tartalmaz, amelyek segítségével gyorsan kommunikálhatunk a VEX VS Code kiterjesztési projektekkel, a VEX Brains-szel és a VEX vezérlőkkel.

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

Megjegyzés: Az érvényes VEX projekt olyan projekt, amelyet a bővítmény hozott létre vagy importált. A szerkesztőben megnyitott VEXcode vagy VEXcode Pro projektek nem minősülnek érvényes VEX projektnek, és importálni kell őket.

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

  • Eszközválasztó - Az Eszközválasztó megjeleníti a csatlakoztatott VEX-eszköz ikonját (agyi ikon 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. vagy vezérlő ikon 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.)
    Megjegyzés: Ha egy vezérlő csatlakozik a számítógéphez, de nincs rádiókapcsolata egy agy, az agy neve nem jelenik meg a Vezérlő ikon mellett.
  • Képernyőkép a VEX V5 Code Extension felületéről a Visual Studio Code-ban, amely különféle programozási funkciókat és eszközöket mutat be a felhasználók számára a VEX robotikai projektek fejlesztéséhez és kezeléséhez. Slot Selector Icon – A Slot Selector Icon lehetővé teszi számunkra, hogy kiválasszuk, hogy a VEX Extension melyik Slot-ot töltse le vagy játssza le a felhasználói programot, ha rákattint, és kiválasztja a VEX Brain nyolc elérhető slotja közül egyet a listából.
  • Képernyőkép a VEX V5 Code Extension interfészéről a Visual Studio Code programban, amely bemutatja a VEX robotika programozásához szükséges funkciókat és eszközöket. Build & Letöltés ikon - Ha VEX eszköz van csatlakoztatva, a Download Icon megjelenik az eszköztáron. Ha rákattint, a projekt létrejön, és ha sikeres, letöltődik a csatlakoztatott VEX-eszközre.
  • Képernyőkép a VEX V5 VS Code Extension interfészről, amely megjeleníti a kódszerkesztő funkciókat és a VEX robotika programozásához szükséges eszközöket. A kép kiemeli a felhasználóbarát elrendezést és a kódolási hatékonyság fokozására tervezett funkcionalitást. Play Icon - Ha rákattint, a Play Icon futtatja a letöltött felhasználói programot a VEX Brain kiválasztott Slotjában.
  • A VEX V5 Code Extension interfész képernyőképe, amely kódszerkesztő funkciókat és eszközöket mutat be a Visual Studio Code robotikai programozásához. Stop ikon – Ha rákattint, a Stop Ikon leállítja a felhasználói program futtatását a VEX Brainben.
  • Képernyőkép a VEX V5 Code Extension interfészéről a VS Code-ban, amely bemutatja a VEX robotika programozásának jellemzőit és eszközeit, beleértve a kódszerkesztést, a hibakeresési lehetőségeket és a projektmenedzsmentet. Project Selector - A Project Selector megjeleníti a kiválasztott projekt nevét. A Project Selector Icon 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, ha rákattintunk, és kiválasztunk egy projektet a listából.
  • Képernyőkép a V5 VS Code Extension felületéről, amely bemutatja a fejlesztők számára elérhető funkciókat és eszközöket, beleértve a kódszerkesztést, a hibakeresési lehetőségeket és az integrációs lehetőségeket. Python File Selector (csak Python) - Ha egy VEX Python projekt van kiválasztva, a Python File Selector megjelenik az eszköztáron. A Python File Selector 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 a VEX Extension konfigurálását saját igényeink szerint. A felhasználói beállítások globális beállítások, amelyeket minden VEX VS Code kiterjesztési projektre alkalmaznak. A VEX User Settings úgy érhetjük el, hogy a VS Code-ban a Beállítások ikonra kattintunk és a menükben kiválasztjuk a megfelelő elemeket.

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ényt, hogy megnyissa és megjelenítse az adatokat a felhasználói portról.
  • Naplóbejegyzések - Beállítja a VEX Brain-ből feltöltendő naplóbejegyzések számát.
  • Project Build Type – Beállítja, hogy a bővítmény hogyan építsen fel 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 lefusson-e, miután letöltötte a VEX Brainre.
  • Rendszer DFU automatikus helyreállítás – Beállítja, hogy az agy automatikusan helyreálljon-e, ha DFU módban IQ (2. generációs) vagy EXP agyat észlel.
  • Websocket Server engedélyezése – Engedélyezi vagy letiltja a bővítményt a Websocket Server elindításához.
  • Websocket Server Host Address – Beállítja a Websocket szerver gazdagép címét.
  • Websocket kiszolgáló portja – Beállítja a Websocket szerver 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: