Descripción general de la interfaz de usuario de VS Code para V5

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 de la interfaz de VS Code Extension para V5, que muestra las funciones y herramientas disponibles para que los desarrolladores mejoren su experiencia de codificación.

Componentes de la interfaz de usuario

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

  1. Barra de herramientas
  2. Barra de actividades y barra lateral
  3. 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.

Captura de pantalla de la interfaz de VS Code Extension para V5, que muestra las funciones y herramientas disponibles para los desarrolladores, con secciones resaltadas para facilitar la navegación y el uso.

Selector de dispositivos

Captura de pantalla de la interfaz de VS Code Extension para V5, que muestra las funciones y herramientas disponibles para que los usuarios mejoren su experiencia de desarrollo.

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.

Captura de pantalla de la interfaz V5 VS Code Extension, que muestra las características y herramientas disponibles para los desarrolladores que utilizan la plataforma VEX Robotics.

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).

Captura de pantalla de la interfaz de VS Code Extension para V5, que muestra las características y herramientas disponibles para mejorar los flujos de trabajo de desarrollo.

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

Captura de pantalla de la extensión de código VS para V5, que muestra la interfaz y las características diseñadas para mejorar la eficiencia de la codificación y el soporte para el desarrollo de V5.

Captura de pantalla de la interfaz de extensión de VS Code para V5, que muestra las funciones y herramientas disponibles para los desarrolladores, incluidos fragmentos de código, opciones de depuración y funcionalidades de gestión de proyectos.

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

Captura de pantalla de la interfaz V5 VS Code Extension, que muestra las funciones y herramientas disponibles para el desarrollo de V5, incluidos los fragmentos de código y las opciones de depuración.

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

Captura de pantalla de la interfaz de VS Code Extension para V5, que muestra las características y herramientas disponibles para el desarrollo de V5, incluidos fragmentos de código y opciones de gestión de proyectos.

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

Captura de pantalla de la interfaz de VS Code Extension para V5, que muestra las características y herramientas disponibles para los desarrolladores, con un enfoque en la mejora de la productividad y la gestión del código.Captura de pantalla de la interfaz de VS Code Extension para V5, que muestra las características y herramientas disponibles para los desarrolladores, incluidas las opciones de edición de código y las funcionalidades de gestión de proyectos.

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

Captura de pantalla de la interfaz de VS Code Extension para V5, que muestra las características y herramientas disponibles para los desarrolladores, con un enfoque en la mejora de la productividad y la gestión del código.

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

Captura de pantalla de la interfaz de VS Code Extension para V5, que muestra las características y herramientas disponibles para los desarrolladores, incluidas las opciones de edición de código y las funcionalidades de gestión de proyectos.

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

Captura de pantalla de la extensión de código VS para V5, que muestra su interfaz de usuario y características, incluidas las herramientas de edición de código y la integración de VEX Robotics.

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

Detener

Captura de pantalla de la interfaz de VS Code Extension para V5, que muestra las funciones y herramientas disponibles para los desarrolladores que utilizan la plataforma V5.

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

Espacio de trabajo seleccionado

Captura de pantalla de la extensión de código VS para V5, que muestra su interfaz de usuario y características, incluidas las herramientas de edición de código y las opciones de categoría V5, diseñadas para mejorar la experiencia de desarrollo.

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.

Captura de pantalla de la interfaz de extensión de código VS para V5, que muestra las características y funcionalidades relevantes para la descripción de la categoría V5, incluidas las herramientas de edición de código y las opciones para los desarrolladores.

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.

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

Last Updated: