Descripción general de la interfaz de usuario de la extensión de código VEX VS

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

Diseño de interfaz de usuario de extensión de código VEX VS

La interfaz de usuario de VEX Visual Studio Code Extension se divide en cinco áreas principales: barra de actividades, barra lateral, editor, panel de terminales y barra de herramientas.

ui-image1.png

Barra de actividad

La barra de actividades presenta una variedad de íconos que nos permiten cambiar entre vistas y nos brinda indicadores adicionales específicos del contexto para el desarrollo del proyecto VEX.

ui-image2.gif

Los íconos comunes utilizados para desarrollar un proyecto VEX en VS Code son:

  • ui-image3.png Icono de Vista del Explorador - Cuando se hace clic, Vista del Explorador se abre en la barra lateral.
  • ui-image4.png Icono de vista de extensiones - Cuando se hace clic, se abre la vista de extensiones en la barra lateral.
  • ui-image5.png VEX View Icon - Cuando se hace clic, VEX View se abre en la barra lateral.

Barra lateral

La barra lateral contiene diferentes vistas que nos permiten utilizar las herramientas integradas dentro de VS Code. Las vistas de la barra lateral comunes que se utilizan para realizar tareas para el desarrollo de proyectos VEX son Vista de extensión, Vista VEXy Vista de explorador.

Vista de extensión

La Vista de extensión se utiliza para instalar y administrar las extensiones en VS Code. Para desarrollar software en plataformas VEX IQ de segunda generación, EXP y V5, necesitamos instalar la extensión VEX, la extensión C/C++ y la extensión Python.

Para obtener instrucciones paso a paso sobre cómo instalar VEX Extension, C/C++ Extensiony Python Extension en VS Code, consulte este artículo.

ui-image6.png


Vista VEX

El VEX View nos permite desarrollar proyectos para VEX IQ 2nd Generation, EXP y V5 en VS Code. Hay tres categorías incluidas en la Vista VEX: ACCIONES DEL PROYECTO, INFORMACIÓN DEL DISPOSITIVO VEX, y COMENTARIOS VEX.

ui-image7.png

ui-image8.png

  • INFORMACIÓN DEL DISPOSITIVO VEX
    La categoría INFORMACIÓN DEL DISPOSITIVO VEX nos proporciona una descripción general de el dispositivo VEX conectado : un cerebro VEX o un controlador VEX.

    ui-image9.gif


    Esta categoría indica el tipo de dispositivo VEX conectado y muestra la información del sistema Brain, el puerto serie, el programa descargado y los dispositivos conectados a los puertos inteligentes de VEX Brain. Nos permite hacer una captura de pantalla de la pantalla cerebral VEX, ver el registro de eventos cerebrales VEX, usar el V5 Battery Medic, establecer el nombre del cerebro y número de equipo, y borrar el programa de usuario del VEX Cerebro.

    Cuando un VEX Brain está conectado a la computadora, la categoría VEX DEVICE INFO muestra si un controlador VEX está vinculado al VEX Brain y nos permite actualizar el VEXos para el VEX Brain si la versión VEXos del VEX Brain es fuera de plazo.

    Cuando un controlador VEX está conectado a la computadora, la categoría INFORMACIÓN DEL DISPOSITIVO VEX muestra si un cerebro VEX está vinculado al controlador VEX y nos permite actualizar el VEXos para el controlador VEX si la versión VEXos del controlador VEX es fuera de plazo.

    Para obtener una descripción completa de la información del dispositivo y cómo utilizar las funciones en INFORMACIÓN DEL DISPOSITIVO VEX, consulte este artículo.
  • COMENTARIOS DE VEX
    Podemos enviar comentarios a VEX escribiendo el mensaje en el cuadro de texto debajo de COMENTARIOS DE VEX y haciendo clic en el botón ENVIAR .
    Para obtener información útil sobre el uso de VEX FEEDBACK en VS Code, consulte este artículo.

ui-image10.gif

Vista del explorador

Explorer View se utiliza para explorar, abrir y administrar los archivos y carpetas del proyecto VEX en VS Code.

ui-image11.png

Editor

El Editor es el área principal para editar los archivos en VS Code. La extensión de código VEX VS habilita Intellisense/Linting tanto para C/C++ como para Python en el área del Editor para ayudarnos mientras desarrollamos el programa.

ui-image12.png

En el área del Editor, podemos acceder a información útil sobre una función específica colocando el mouse sobre el texto de la función o usando VEX Command Help para acceder a la documentación para esta función incluida en la API de C++ y Python (Interfaz de programación de aplicaciones). ).

Para obtener instrucciones detalladas sobre el uso de la ayuda del comando VEX en VS Code, consulte este artículo.

Panel de terminales

La extensión de código VEX VS proporciona dos terminales al inicio, la terminal de registro y la terminal interactiva. 

  • Terminal de registro : el terminal de registro muestra el resultado de la compilación, el error de compilación y los resultados de la descarga.

ui-image13.png

  • Terminal interactiva - La Terminal interactiva tiene dos funciones: mostrar registros de impresión y enviar pulsaciones de teclas sin procesar a un programa de usuario.

    ui-image14.png



    Nota: Para utilizar el terminal interactivo, se debe conectar un cerebro o controlador a una computadora que ejecute la extensión de código VEX VS.
    Nota: La salida del terminal interactivo se borra de forma predeterminada después de crear y descargar un programa de usuario.

Barra de herramientas

La barra de herramientas presenta una variedad de íconos que nos brindan una forma rápida de interactuar con proyectos de extensión VEX VS Code, VEX Brains y VEX Controllers.

ui-image15.png

Nota: La barra de herramientas solo está activa cuando hay un proyecto VEX válido abierto en VS Code. 

Nota: Un proyecto VEX válido es un proyecto creado o importado por la extensión. Los proyectos VEXcode o VEXcode Pro abiertos en el editor no se considerarán un proyecto VEX válido y deberán importarse.

Los íconos que aparecen en la barra de herramientas incluyen:

  • ui-image16.png Selector de dispositivo - El selector de dispositivo muestra el icono del dispositivo VEX conectado (un icono de cerebro ui-image17.png o un icono de controlador ui-image18.png)
    Nota: Si un controlador está conectado a la computadora, pero no tiene un enlace de radio a un cerebro, no se mostrará ningún nombre de cerebro junto al icono del controlador.
  • ui-image19.png Icono selector de ranura - El icono selector ranuras nos permite elegir en qué ranura la extensión VEX descargará o reproducirá un programa de usuario haciendo clic en él y seleccionando una de las ocho ranuras disponibles en el VEX Brain de la lista de selección.
  • ui-image25.png Icono de compilación Si un dispositivo VEX no está conectado, el Icono de compilación se mostrará en la barra de herramientas. Al hacer clic, el proyecto solo se construirá.
  • ui-image21.png Icono de descarga - Si un dispositivo VEX está conectado, el Icono de descarga se mostrará en la barra de herramientas. Al hacer clic, el proyecto se construirá y, si tiene éxito, se descargará al dispositivo VEX conectado.
  • ui-image22.png Icono de reproducción - Cuando se hace clic, el Icono de reproducción ejecuta el programa de usuario descargado en la ranura seleccionada en el VEX Brain.
  • ui-image23.png Icono de parada - Cuando se hace clic, el Icono de parada deja de ejecutar el programa de usuario en el VEX Brain.
  • ui-image24.png Selector de proyectos - El Selector de proyectos muestra el nombre del proyecto seleccionado. El Icono selector de proyectos nos permite cambiar entre proyectos VEX cuando existen varios dentro del espacio de trabajo haciendo clic en él y seleccionando un proyecto de la lista de selección.
  • ui-image25.png Selector de archivos Python (solo Python) : cuando se selecciona un proyecto VEX Python, Selector de archivos Python aparecerá en la barra de herramientas. El Selector de archivos Python muestra el nombre del archivo Python seleccionado. Actualmente, Python para VEX solo admite descargas de archivos individuales.

Para obtener información útil sobre cómo utilizar las funciones de la barra de herramientas en VS Code, consulte este artículo.

Configuración de usuario VEX

La configuración de usuario de VEX nos permite configurar VEX Extension según nuestros propios requisitos. Las configuraciones de usuario son configuraciones globales que se aplican a cada proyecto de extensión de VEX VS Code. Podemos acceder a Configuración de usuario VEX haciendo clic en el ícono de configuración en VS Code y seleccionando los elementos correspondientes en los menús.

ui-image26.gif

Las configuraciones de usuario de VEX para configurar la extensión de código VEX VS son:

  • Canal del controlador (solo controlador V5) : configura el canal de radio del controlador V5 en Descarga o Pit. Esta configuración se aplica únicamente al enlace de radio VEXnet.
  • Ruta de la cadena de herramientas CPP: establece la ruta para la cadena de herramientas CPP.
  • Habilitar terminal de usuario: habilita o deshabilita la extensión para abrir y mostrar datos desde el puerto de usuario.
  • entradas de registro : establece el número de entradas de registro que se cargarán desde un VEX Brain.
  • Tipo de compilación de proyecto : establece cómo la extensión creará un proyecto de C++.
  • Inicio del proyecto : establece la ubicación predeterminada para nuevos proyectos.
  • Ejecutar después de la descarga : establece si el programa de usuario debe ejecutarse después de descargarlo en un VEX Brain.
  • Recuperación automática de DFU del sistema : establece si el cerebro debe recuperarse automáticamente cuando se detecta un IQ2 o EXP en modo DFU.
  • Websocket Server Enable : habilita o deshabilita la extensión para iniciar Websocket Server.
  • Dirección de host del servidor Websocket : establece la dirección de host del servidor Websocket.
  • Puerto del servidor Websocket: establece el número de puerto del servidor Websocket

Para obtener información útil sobre cómo acceder y configurar la configuración de usuario de VEX, consulte este artículo.

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

Last Updated: