Descripción general de la interfaz de usuario de VS Code para EXP – Biblioteca VEX

Este artículo es una descripción general de la interfaz de usuario(interfaz de usuario) de VEX Visual Studio Code Extension. La extensión apoya el desarrollo de proyectos C++ y Python para las plataformas VEX IQ 2nd Generation, EXP y V5.

Captura de pantalla que muestra el diseño completo de la interfaz de usuario de VEX VS Code. La barra de actividades y la barra lateral están en el lado izquierdo de la pantalla, la barra de herramientas y el terminal están en la parte inferior de la pantalla y el editor llena el resto de la pantalla.

Componentes de la interfaz de usuario

Hay 3 componentes principales para la extensión de código VEX VS.

Barra de herramientas
Barra de actividades y barra lateral
Panel de terminales

Barra de herramientas

La barra de herramientas ofrece a los usuarios una forma rápida de interactuar con los proyectos de extensión VEX VS Code VEX Brains y VEX Controllers. La barra de herramientas solo está activa cuando un proyecto VEX válido está abierto en VS Code. Un proyecto VEX válido es un proyecto creado o importado por la extensión. Abrir un proyecto VEXcode o VEXcode Pro no es válido y deberá importarse.

Barra de herramientas de código VS con iconos de extensión VEX que se pueden usar para interactuar rápidamente con dispositivos y proyectos VEX conectados. Las funciones de VEX incluyen el selector de dispositivos, el selector de ranuras, el icono de & descarga de compilación, el icono de reproducción, el icono de parada, el selector de proyectos y el selector de archivos de Python.

Selector de dispositivos

El icono del selector de dispositivos está resaltado en la barra de herramientas Código VS. En este ejemplo se lee VEX_EXP.

El selector de dispositivos tiene dos funciones principales. En primer lugar, muestra un icono de cerebro o controlador que representa el tipo de dispositivo VEX conectado.

Barra de búsqueda de VS Code con una lista de selección rápida de todos los dispositivos VEX conectados. En este ejemplo, se enumeran un cerebro V5, un controlador V5 y un controlador EXP.

En segundo lugar, cuando se hace clic en el icono de la lista de dispositivos, aparece una lista de selección rápida con todos los dispositivos VEX conectados. El usuario puede seleccionar a qué dispositivo se conectará la extensión.
El dispositivo conectado actual siempre aparecerá en la parte superior de la lista, seguido de todos los demás dispositivos ordenados por tipo de dispositivo (cerebro o controlador) y plataforma(IQ de segunda generación, EXP y V5).

Barra de búsqueda de código VS con un elemento de lista de selección rápida que se muestra para proporcionar detalles. El elemento dice MyBrain, V5 Brain, User COM8, Comm COM7.

Cada elemento del dispositivo contiene el nombre del cerebro, la plataforma, el tipo de dispositivo y la información de la ruta del dispositivo.

Barra de búsqueda de código VS con un elemento de lista de selección rápida que se muestra para proporcionar detalles. El elemento es un controlador V5, pero el fondo está atenuado y no hay un nombre de cerebro en la lista. Esto indica que este controlador no tiene un enlace de radio a un cerebro.

Elemento del controlador V5 con un fondo azul para indicar que este controlador tiene un enlace de radio a un cerebro.

Importante

Si un controlador está conectado a una computadora, pero no tiene un enlace de radio a un cerebro, no se mostrará ningún nombre de cerebro junto al ícono de la barra de estado del elemento de lista o de la lista de dispositivos.

Selector de ranura

El icono del selector de ranura está resaltado en la barra de herramientas del código VS. En este ejemplo se lee Ranura 1.

El icono del selector de ranuras permite al usuario elegir en qué ranura se descargará la extensión o reproducirá un programa de usuario.

Barra de búsqueda de código VS con una lista de selección rápida de todas las ranuras disponibles en el cerebro VEX conectado. En este ejemplo, hay ocho espacios disponibles.

Cuando se hace clic en el icono del selector de ranuras, aparece una lista de selección rápida con las ranuras disponibles del programa de usuario 1-8.

Compilar/Descargar

Icono de compilación. Icono de descarga.

El icono Construir/Descargar cambia las funciones si se conecta un cerebro VEX o un controlador VEX.

Icono de compilación.

Si un dispositivo VEX no está conectado, se muestra el icono de compilación. Cuando se hace clic, el proyecto solo se compilará.

Icono de descarga.

Si hay un dispositivo VEX conectado, se muestra el icono de descarga. Cuando se hace clic, el proyecto se construirá y, si tiene éxito, se descargará en el dispositivo VEX.

Jugar

Icono de reproducción.

El icono de reproducción, cuando se hace clic, ejecuta el programa de usuario en la ranura seleccionada.

Detener

Icono de parada.

El icono de parada, cuando se hace clic, detiene un programa de usuario.

Espacio de trabajo seleccionado

El Selector de proyectos se muestra en la barra de herramientas Código VS. En este ejemplo se lee EXPTestProject.

VS Code admite proyectos de espacios de trabajo múltiples. El selector de proyectos permite a los usuarios cambiar entre proyectos VEX cuando existen varios dentro del espacio de trabajo.

Barra de búsqueda de VS Code con una lista de selección rápida de proyectos VEX guardados. En este ejemplo, hay un proyecto Python listado y un proyecto C++ listado.

Cuando se hace clic en el icono del selector de proyectos, aparece una lista de selección rápida con todos los proyectos válidos.

Importante
Si un proyecto no es válido, no se mostrará en la lista de selección rápida del proyecto. Un proyecto no es válido a menos que haya sido creado o importado por la Extensión de Código VS de VEX.