Présentation de l'interface utilisateur de l'extension de code VEX VS

Cet article fournit une présentation de l'interface utilisateur de l'extension de code VEX Visual Studio (interface utilisateur). L'extension prend en charge le développement de projets C++ et Python pour les plateformes VEX IQ 2e génération, EXP et V5.

Disposition de l'interface utilisateur de l'extension de code VEX VS

L'interface utilisateur de l'extension de code VEX Visual Studio est divisée en cinq zones principales : barre d'activité, barre latérale, éditeur, panneau de terminal et barre d'outils.

ui-image1.png

Barre d'activité

La barre d'activité comporte un ensemble d'icônes qui nous permettent de basculer entre les vues et nous donnent des indicateurs supplémentaires spécifiques au contexte pour le développement du projet VEX.

ui-image2.gif

Les icônes courantes utilisées pour développer un projet VEX dans VS Code sont :

  • ui-image3.png Icône de la vue Explorateur - Lorsque vous cliquez dessus, la Vue Explorateur s'ouvre dans la barre latérale.
  • ui-image4.png Icône de la vue Extensions - Lorsque vous cliquez dessus, la vue Extensions s'ouvre dans la barre latérale.
  • ui-image5.png Icône de vue VEX - Lorsque vous cliquez dessus, la VEX View s'ouvre dans la barre latérale.

Barre latérale

La barre latérale contient différentes vues qui nous permettent d'utiliser les outils intégrés dans VS Code. Les vues courantes de la barre latérale utilisées pour effectuer des tâches de développement de projets VEX sont Extension View, VEX Viewet Explorer View.

Vue des extensions

La Extension View est utilisée pour installer et gérer les extensions dans VS Code. Pour développer des logiciels sur les plates-formes VEX IQ 2e génération, EXP et V5, nous devons installer l'extension VEX, l'extension C/C++ et l'extension Python.

Pour obtenir des instructions étape par étape sur la façon d'installer l'extension VEX, l'extension C/C++et l'extension Python dans VS Code, veuillez consulter cet article.

ui-image6.png


Vue VEX

Le VEX View nous permet de développer des projets pour VEX IQ 2e génération, EXP et V5 dans VS Code. Il existe trois catégories incluses dans la vue VEX : ACTIONS DE PROJET, INFOS SUR L'APPAREIL VEX, et RÉTROACTION VEX.

ui-image7.png

ui-image8.png

  • VEX FEEDBACK
    Nous pouvons soumettre des commentaires à VEX en tapant le message dans la zone de texte sous VEX FEEDBACK et en cliquant sur le bouton ENVOYER .
    Pour obtenir des informations utiles sur l'utilisation de VEX FEEDBACK dans VS Code, veuillez consulter cet article.

ui-image10.gif

Vue Explorateur

La vue Explorer est utilisée pour parcourir, ouvrir et gérer les fichiers et dossiers du projet VEX dans VS Code.

ui-image11.png

Éditeur

L'éditeur est la zone principale pour modifier les fichiers dans VS Code. L'extension de code VEX VS permet à Intellisense/Linting pour C/C++ et Python dans la zone Editeur de nous aider lors du développement du programme.

ui-image12.png

Dans la zone Éditeur, nous pouvons accéder à des informations utiles sur une fonction spécifique en passant la souris sur le texte de la fonction ou en utilisant l'aide de la commande VEX pour accéder à la documentation de cette fonction incluse dans l'API C++ et Python (Application Programming Interface ).

Pour des instructions détaillées sur l'utilisation de l'aide de la commande VEX dans VS Code, veuillez consulter cet article.

Panneau à bornes

L'extension de code VEX VS fournit deux terminaux au démarrage, le Log Terminal et le Terminal interactif. 

  • Log Terminal - Le Log Terminal affiche la sortie de build, les erreurs de build et les résultats de téléchargement.

ui-image13.png

  • Terminal interactif - Le terminal interactif a deux fonctions : afficher les journaux d'impression et renvoyer les frappes brutes à un programme utilisateur.

    ui-image14.png



    Remarque : Pour utiliser le terminal interactif, un cerveau ou un contrôleur doit être connecté à un ordinateur exécutant l'extension de code VEX VS.
    Remarque : La sortie du terminal interactif est effacée par défaut après la création et le téléchargement d'un programme utilisateur.

Barre d'outils

La barre d'outils comporte un ensemble d'icônes qui nous permettent d'interagir rapidement avec les projets d'extension VEX VS Code, les cerveaux VEX et les contrôleurs VEX.

ui-image15.png

Remarque : La barre d'outils n'est active que lorsqu'un projet VEX valide est ouvert dans VS Code. 

Remarque : Un projet VEX valide est un projet créé ou importé par l'extension. Les projets VEXcode ou VEXcode Pro ouverts dans l'éditeur ne seront pas considérés comme un projet VEX valide et devront être importés.

Les icônes présentées sur la barre d'outils incluent :

  • ui-image16.png Sélecteur de périphérique - Le sélecteur de périphérique affiche l'icône du périphérique VEX connecté (une icône de cerveau ui-image17.png ou une icône de contrôleur ui-image18.png)
    Remarque : Si un contrôleur est connecté à l'ordinateur, mais n'a pas de liaison radio avec un cerveau, aucun nom de cerveau ne sera affiché à côté de l’icône du contrôleur.
  • ui-image19.png Icône de sélection de slot - L'icône de sélection de slots nous permet de choisir sur quel slot l'extension VEX téléchargera ou jouera un programme utilisateur en cliquant dessus et en sélectionnant l'un des huit slots disponibles sur le cerveau VEX dans la liste de sélection.
  • ui-image25.png Icône de construction Si un appareil VEX n'est pas connecté, l'icône Build s'affichera sur la barre d'outils. Lorsque vous cliquez dessus, le projet sera uniquement construit.
  • ui-image21.png Icône de téléchargement - Si un appareil VEX est connecté, l'icône de téléchargement s'affichera sur la barre d'outils. Lorsque vous cliquez dessus, le projet sera construit et en cas de succès, il sera téléchargé sur l'appareil VEX connecté.
  • ui-image22.png Play Icon - Lorsque vous cliquez dessus, l'icône Play exécute le programme utilisateur téléchargé dans l'emplacement sélectionné sur le VEX Brain.
  • ui-image23.png Icône d'arrêt - Lorsque vous cliquez dessus, l'icône Stop arrête l'exécution du programme utilisateur sur le VEX Brain.
  • ui-image24.png Sélecteur de projet - Le Sélecteur de projet affiche le nom du projet sélectionné. L'icône de sélection de projet nous permet de basculer entre les projets VEX lorsqu'il en existe plusieurs dans l'espace de travail en cliquant dessus et en sélectionnant un projet dans la liste de sélection.
  • ui-image25.png Sélecteur de fichiers Python (Python uniquement) - Lorsqu'un projet Python VEX est sélectionné, le Sélecteur de fichiers Python apparaîtra dans la barre d'outils. Le Python File Selector affiche le nom du fichier Python sélectionné. Python pour VEX ne prend actuellement en charge que les téléchargements de fichiers uniques.

Pour des informations utiles sur l'utilisation des fonctionnalités de la barre d'outils dans VS Code, veuillez consulter cet article.

Paramètres utilisateur VEX

Les paramètres utilisateur VEX nous permettent de configurer l'extension VEX selon nos propres besoins. Les paramètres utilisateur sont des paramètres globaux appliqués à chaque projet d'extension VEX VS Code. Nous pouvons accéder aux paramètres utilisateur VEX en cliquant sur l'icône Paramètres dans VS Code et en sélectionnant les éléments correspondants dans les menus.

ui-image26.gif

Les paramètres utilisateur VEX pour configurer l'extension de code VEX VS sont :

  • Canal du contrôleur (contrôleur V5 uniquement) - Règle le canal radio du contrôleur V5 sur Télécharger ou Pit. Ce paramètre s'applique uniquement à la liaison radio VEXnet.
  • Cpp Toolchain Path - Définit le chemin de la chaîne d'outils CPP.
  • Activer le terminal utilisateur- Active ou désactive l'extension pour ouvrir et afficher les données du port utilisateur.
  • Entrées de journal - Définit le nombre d'entrées de journal à télécharger à partir d'un VEX Brain.
  • Project Build Type - Définit la façon dont l'extension construira un projet C++.
  • Accueil du projet - Définit l'emplacement par défaut pour les nouveaux projets.
  • Exécuter après le téléchargement - Définit si le programme utilisateur doit s'exécuter après son téléchargement sur un VEX Brain.
  • Système DFU Auto Recover - Définit si le cerveau doit récupérer automatiquement lorsqu'un IQ2 ou EXP est détecté en mode DFU.
  • Websocket Server Enable - Active ou désactive l'extension pour démarrer le serveur Websocket.
  • Adresse hôte du serveur Websocket - Définit l'adresse hôte du serveur Websocket.
  • Port du serveur Websocket - Définit le numéro de port du serveur Websocket

Pour obtenir des informations utiles sur la façon d'accéder et de définir les paramètres utilisateur VEX, consultez cet article.

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

Last Updated: