Uporabniški vmesnik in nastavitve v razširitvi za VS Code

Pregled uporabniškega vmesnika razširitve VEX VS Code

Ta članek ponuja pregled uporabniškega vmesnika razširitve VEX Visual Studio Code. Razširitev podpira razvoj projektov v jezikih C++ in Python za platforme VEX IQ 2. generacije, EXP in V5.

Postavitev uporabniškega vmesnika razširitve VEX VS Code

Uporabniški vmesnik razširitve VEX Visual Studio Code je razdeljen na pet glavnih območij: vrstica dejavnosti (Activity Bar), stranska vrstica (Side Bar), urejevalnik (Editor), terminalska plošča (Terminal Panel) in orodna vrstica (Toolbar).

Screenshot showing the complete VEX VS Code UI layout. The Activity Bar and Side Bar are on the left side of the screen, the Toolbar and Terminal are on the bottom side of the screen, and the editor fills the rest of the screen.

Vrstica dejavnosti (Activity Bar)

Vrstica dejavnosti vsebuje niz ikon, ki omogočajo preklapljanje med pogledi in nudijo dodatne kontekstno specifične kazalnike za razvoj projektov VEX.

VS Code Activity Bar with the VEX Robotics Extension installed. The Activity Bar has icons that provide useful quick actions, like searching, managing extensions, version control, and more.

Pogosto uporabljene ikone za razvoj projekta VEX v VS Code so:

  • Explorer View icon. Ikona pogleda Raziskovalec (Explorer View) - Ko jo kliknete, se v stranski vrstici odpre pogled Raziskovalec.
  • Extensions View icon. Ikona pogleda Razširitve (Extensions View) - Ko jo kliknete, se v stranski vrstici odpre pogled Razširitve.
  • VEX View icon. Ikona pogleda VEX (VEX View) - Ko jo kliknete, se v stranski vrstici odpre pogled VEX.

Stranska vrstica (Side Bar)

Stranska vrstica vsebuje različne poglede, ki omogočajo uporabo integriranih orodij znotraj VS Code. Pogosto uporabljeni pogledi stranske vrstice za izvajanje opravil pri razvoju projektov VEX so pogled Razširitve, pogled VEX in pogled Raziskovalec.

Pogled Razširitve (Extension View)

Pogled Razširitve se uporablja za namestitev in upravljanje razširitev v VS Code. Za razvoj programske opreme na platformah VEX IQ 2. generacije, EXP in V5 je potrebno namestiti razširitev VEX, razširitev C/C++ in razširitev Python.

Za postopna navodila o namestitvi razširitve VEX, razširitve C/C++ in razširitve Python v VS Code si oglejte ta članek.

VS Code Extension View that shows a list of installed extensions. Each extension has a settings menu that can be opened here, and there is a search bar to find and download new extensions.


Pogled VEX (VEX View)

Pogled VEX omogoča razvoj projektov za VEX IQ 2. generacije, EXP in V5 v VS Code. Pogled VEX vsebuje tri kategorije: DEJANJA S PROJEKTOM (PROJECT ACTIONS), INFORMACIJE O NAPRAVI VEX (VEX DEVICE INFO) in POVRATNE INFORMACIJE VEX (VEX FEEDBACK).

VS Code VEX View that shows options for creating and importing projects above, the VEX Device Info menu below, and a feedback menu at the bottom.

  • DEJANJA S PROJEKTOM (PROJECT ACTIONS) Gumbi v razdelku DEJANJA S PROJEKTOM se uporabljajo za ustvarjanje novega projekta VEX ali uvoz obstoječega projekta VEXcode. Za podrobna navodila o ustvarjanju projekta VEX v VS Code si oglejte ta članek za V5, ta članek za EXP in ta članek za IQ (2. gen.).

Project Actions section of the VEX Extension View. This section has two buttons that read New Project and Import Project.

  • INFORMACIJE O NAPRAVI VEX (VEX DEVICE INFO) Kategorija INFORMACIJE O NAPRAVI VEX prikazuje pregled priključene naprave VEX – Brain VEX ali Controller VEX.

    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 IQ (2nd gen) Brain and its downloaded programs are shown.

    Ta kategorija prikazuje vrsto priključene naprave VEX ter informacije o sistemu Brain, serijskem priključku, prenesenem programu in napravah, priključenih na pametne vhode/izhode (Smart Port) Brain VEX. Omogoča zajem posnetka zaslona Brain VEX, ogled dnevnika dogodkov Brain VEX, uporabo diagnostike baterije V5 Battery Medic, nastavitev imena Brain in številke ekipe ter brisanje uporabniškega programa iz Brain VEX. Ko je Brain VEX priključen na računalnik, kategorija INFORMACIJE O NAPRAVI VEX prikazuje, ali je Controller VEX povezan z Brain VEX, in omogoča posodobitev VEXos za Brain VEX, če je različica VEXos zastarela. Ko je Controller VEX priključen na računalnik, kategorija INFORMACIJE O NAPRAVI VEX prikazuje, ali je Brain VEX povezan s Controller VEX, in omogoča posodobitev VEXos za Controller VEX, če je različica VEXos zastarela. Za izčrpen opis informacij o napravi in načina uporabe funkcij v razdelku INFORMACIJE O NAPRAVI VEX si oglejte ta članek.
  • POVRATNE INFORMACIJE VEX (VEX FEEDBACK)
    Povratne informacije za VEX lahko posredujete tako, da v besedilno polje v razdelku POVRATNE INFORMACIJE VEX vnesete sporočilo in kliknete gumb POŠLJI (SEND). Za koristne informacije o uporabi funkcije POVRATNE INFORMACIJE VEX v VS Code si oglejte ta članek.

VEX Feedback section of the VEX Extension View. This section has a form with options for submitting feedback to VEX.

Pogled Raziskovalec (Explorer View)

Pogled Raziskovalec se uporablja za brskanje, odpiranje in upravljanje datotek ter map projekta VEX v VS Code.

VS Code Explorer View that allows the user to navigate the folders and files in their VEX project. The files have corresponding icons and file types shown, in this example a Python file is selected and the title reads main.py.

Urejevalnik (Editor)

Urejevalnik je glavno območje za urejanje datotek v VS Code. Razširitev VEX VS Code v območju urejevalnika omogoča funkcijo Intellisense/preverjanje kode (Linting) za jezika C/C++ in Python, ki pomaga pri razvoju programa.

VS Code Editor with a Python file opened as part of a VEX project. Python or C/C++ code can be written and edited here to create VEX robotics programs when connected to a VEX Brain.

V območju urejevalnika lahko dostopate do koristnih informacij o določeni funkciji tako, da z miško premaknete kazalec nad besedilo funkcije, ali pa uporabite funkcijo Pomoč za ukaze VEX (VEX Command Help), ki zagotavlja dostop do dokumentacije te funkcije, vključene v programski vmesnik C++ in Python (API).

Za podrobna navodila o uporabi funkcije Pomoč za ukaze VEX v VS Code si oglejte ta članek.

Terminalska plošča (Terminal Panel)

Razširitev VEX VS Code ob zagonu zagotavlja dva terminala: terminal za dnevnik (Log Terminal) in interaktivni terminal (Interactive Terminal).

  • Terminal za dnevnik (Log Terminal) – Terminal za dnevnik prikazuje izhod gradnje, napake pri gradnji in rezultate prenosa.

VS Code VEX Log Terminal is opened and shows a default blank state with only one message printed reading Log.

  • Interaktivni terminal (Interactive Terminal) – Interaktivni terminal ima dve funkciji: prikazovanje izpisov in pošiljanje neobdelanih pritiskov tipk nazaj v uporabniški program.

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


    Opomba:
    Za uporabo interaktivnega terminala mora biti Brain ali Controller priključen na računalnik, na katerem deluje razširitev VEX VS Code. Opomba: Vsebina interaktivnega terminala se privzeto izbriše po gradnji in prenosu uporabniškega programa.

Orodna vrstica (Toolbar)

Orodna vrstica vsebuje niz ikon, ki omogočajo hiter dostop do projektov razširitve VEX VS Code ter naprav Brain VEX in Controller VEX.

VS Code Toolbar with VEX Extension icons that can be used to quickly interact with connected VEX devices and projects. The VEX features include the Device Picker, the Slot Selector, the Build & Download icon, the Play icon, the Stop icon, the Project Selector, and the Python File Selector.

Opomba: Orodna vrstica je aktivna samo, ko je v VS Code odprt veljaven projekt VEX.

Opomba: Veljaven projekt VEX je projekt, ki ga je ustvarila ali uvozila razširitev. Projekti VEXcode ali VEXcode Pro, odprti v urejevalniku, ne bodo prepoznani kot veljavni projekti VEX in jih bo treba uvoziti.

Ikone v orodni vrstici so:

  • Device Picker icon is shown on the VS Code toolbar.  Izbirnik naprave (Device Picker) – Izbirnik naprave prikazuje ikono priključene naprave VEX (ikono Brain Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Brain icon and it reads IQ Brain(IQ). ali ikono Controller Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Controller icon and it reads IQ Controller.) Opomba: Če je Controller priključen na računalnik, vendar nima brezžične povezave z Brain, se poleg ikone Controller ne bo prikazalo ime Brain.
  • Slot Selector icon.  Ikona izbirnika reže (Slot Selector) – Ikona izbirnika reže omogoča, da izberete režo, v katero bo razširitev VEX prenesla ali zagnala uporabniški program, tako da jo kliknete in na seznamu izberete eno od osmih razpoložljivih rež na Brain VEX.
  • Build and Download icon.  Ikona gradnje in prenosa (Build & Download) – Če je naprava VEX priključena, se v orodni vrstici prikaže ikona prenosa. Ko jo kliknete, se projekt zgradi in ob uspešni gradnji prenese na priključeno napravo VEX.
  • Play icon.  Ikona predvajanja (Play) – Ko jo kliknete, ikona predvajanja zažene preneseni uporabniški program v izbrani reži na Brain VEX.
  • Stop icon.  Ikona zaustavitve (Stop) – Ko jo kliknete, ikona zaustavitve zaustavi izvajanje uporabniškega programa na Brain VEX.
  • Project Selector is shown on the VS Code toolbar. In this example it reads IQ_Test.  Izbirnik projekta (Project Selector) – Izbirnik projekta prikazuje ime izbranega projekta. Ikona izbirnika projekta omogoča preklapljanje med projekti VEX, kadar je v delovnem prostoru odprtih več projektov, tako da jo kliknete in na seznamu izberete projekt.
  • Python File Selector icon is shown on the VS Code toolbar. In this example it reads main.py.  Izbirnik datoteke Python (Python File Selector) – samo za Python – Ko je izbran projekt VEX Python, se v orodni vrstici prikaže izbirnik datoteke Python. Izbirnik datoteke Python prikazuje ime izbrane datoteke Python. Python za VEX trenutno podpira prenos samo ene datoteke hkrati.

Za koristne informacije o uporabi funkcij orodne vrstice v VS Code si oglejte ta članek.

Uporabniške nastavitve VEX (VEX User Settings)

Uporabniške nastavitve VEX omogočajo konfiguracijo razširitve VEX glede na vaše zahteve. Uporabniške nastavitve so globalne nastavitve, ki se uporabljajo za vse projekte razširitve VEX VS Code. Do uporabniških nastavitev VEX dostopate s klikom na ikono nastavitev v VS Code in z izbiro ustreznih elementov v menijih.

VS Code User Settings is opened to the VEX category where the behavior of the VEX Robotics Extension can be customized.

Uporabniške nastavitve VEX za konfiguracijo razširitve VEX VS Code so:

  • Kanal Controller (samo za V5 Controller) – Nastavi kanal radijske zveze V5 Controller na Prenos (Download) ali Servisni (Pit). Ta nastavitev velja samo za brezžično povezavo VEXnet.

  • Pot do orodne verige C++ (Cpp Toolchain Path) – Nastavi pot do orodne verige CPP.

  • Omogoči uporabniški terminal (Enable User Terminal) – Omogoča ali onemogoča razširitvi odpiranje in prikaz podatkov iz uporabniškega vhoda/izhoda.

  • Vnosi v dnevnik (Log Entries) – Nastavi število vnosov v dnevnik, ki se prenesejo iz Brain VEX.

  • Vrsta gradnje projekta (Project Build Type) – Nastavi, kako bo razširitev zgradila projekt C++.

  • Domača mapa projekta (Project Home) – Nastavi privzeto lokacijo za nove projekte.

  • Zaženi po prenosu (Run After Download) – Nastavi, ali naj se uporabniški program zažene po prenosu na Brain VEX.

  • Samodejno obnovitev sistema DFU (System DFU Auto Recover) – Nastavi, ali naj Brain samodejno izvede obnovitev, ko je zaznana naprava IQ2 ali EXP v načinu DFU.

  • Omogoči strežnik Websocket (Websocket Server Enable) – Omogoča ali onemogoča razširitvi zagon strežnika Websocket.

  • Naslov gostitelja strežnika Websocket (Websocket Server Host Address) – Nastavi naslov gostitelja strežnika Websocket.

  • Vrata strežnika Websocket (Websocket Server Port) – Nastavi številko vrat strežnika Websocket.

Za koristne informacije o dostopu do uporabniških nastavitev VEX in njihovem nastavljanju si oglejte ta članek.

Spletna trgovina

Potrebujete dodatne dele?

Originalni VEX deli, razširitveni seti in kompleti — vse za vaš naslednji robotski projekt na trgovina.robotech.si.

Pripravil RoboTech STEM Center
Stopite v stik

Imate
vprašanje?

Pišite nam — odgovorimo v najkrajšem možnem času.

Vaši podatki so varni in zaupni.