Este artículo es una descripción general para instalar Visual Studio Code y VEX Visual Studio Code Extension. La extensión es oficialmente compatible con Windows y macOS.

Instalación del código de Visual Studio

Abra un navegador de Internet y navegue hasta: https://code.visualstudio.com/

Aquí están las guías proporcionadas por el sitio web de VS Code. Estos pueden ser útiles o puede seguir este artículo.

Instalación para Windows

Página de inicio del sitio web de Visual Studio Code con un encabezado grande que dice Edición de código. Redefinido. Debajo del encabezado se muestra un botón azul denominado Descargar para Windows.

Haga clic en el botón de descarga para Windows.

El instalador de VS Code se muestra descargándose en el menú de descargas del navegador.

Luego comenzará la descarga en el navegador.

Icono del explorador de archivos.

Icono del Explorador de archivos que se muestra en la barra de herramientas de Windows a la derecha de la barra de búsqueda.

Luego abra el Explorador de archivos haciendo clic en el icono "Explorador de archivos" ubicado en la barra de herramientas de Windows.

El término Explorador de archivos se ha escrito en la barra de búsqueda de Windows y la aplicación Explorador de archivos se muestra en los resultados de la búsqueda.

O escribiendo Explorador de archivos en la barra de búsqueda de Windows y haciendo clic en la aplicación Explorador de archivos

La opción de acceso directo de descargas se muestra en la barra lateral del Explorador de archivos.

Luego navegue hasta la carpeta de descargas haciendo clic en el acceso directo de Descargas en la barra lateral.

Se abre el Explorador de archivos de Windows en la carpeta Descargas y se muestra el archivo de instalación de VS Code.

Haga clic en el instalador VS Code.

Ventana de configuración de Microsoft VS Code con un acuerdo de licencia que debe aceptarse. A continuación se selecciona un botón que dice Acepto el acuerdo. El botón Siguiente se resalta a continuación.

Acepta el acuerdo y haz clic en siguiente.

Ventana de configuración de Microsoft VS Code con opciones para seleccionar tareas adicionales. Las opciones incluyen crear un ícono en el escritorio, agregar una acción Abrir con código al menú contextual del Explorador de archivos y agregar VS Code a la RUTA. En este ejemplo, todas las opciones de casilla de verificación están marcadas. A continuación, se resalta el botón Siguiente.

Configure la instalación y haga clic en Siguiente.

Ventana de configuración de Microsoft VS Code que ahora está lista para instalar. Las tareas adicionales seleccionadas se enumeran para su revisión. A continuación, se resalta el botón Instalar.

Haga clic en instalar para comenzar la instalación.

Ventana de instalación de Microsoft VS Code con una barra de progreso y un mensaje que dice Instalando, espere mientras el programa de instalación instala Visual Studio Code en su computadora.

Comenzará el proceso de instalación.

Ventana de configuración de Microsoft VS Code con un mensaje que dice Finalizando el Asistente de configuración de Visual Studio Code. Hay una opción para Iniciar VS Code que está marcada de forma predeterminada y debajo hay un botón Finalizar.

Una vez completada la instalación, haga clic en finalizar y se iniciará VS Code.

La aplicación VS Code se abre sin ningún proyecto seleccionado.

Se abrirá el código de Visual Studio.

Instalación para macOS

Página de inicio del sitio web de Visual Studio Code con un encabezado grande que dice Edición de código. Redefinido. Debajo del encabezado se muestra un botón azul denominado Descargar Mac Universal.

Haga clic en el botón "Descargar Mac Universal".

El archivo zip de VS Code se muestra descargando la lista de descargas del navegador.

Entonces comenzará la descarga.

Icono del buscador.

El icono de la aplicación Finder se muestra en la barra de herramientas de macOS.

Luego abra Finder haciendo clic en el icono "Finder" en la barra de herramientas de macOS

La opción de acceso directo de descargas se muestra en la barra lateral del Finder.

Luego navegue hasta la carpeta "Descargas" haciendo clic en "Descargas" en la barra lateral de Favoritos.

Se abre el Finder en la carpeta Descargas y se muestra el archivo zip universal darwin de VS Code.

Haga doble clic en el archivo zip VS Code para descomprimirlo.

Se abre el Finder en la carpeta Descargas y se hace doble clic en el archivo zip universal de VS Code Darwin para extraerlo. El archivo de la aplicación VS Code apareció junto al archivo zip.

Haga clic y arrastre la aplicación Visual Studio Code a la carpeta Aplicaciones.

La opción de acceso directo a aplicaciones se muestra en la barra lateral del Finder.Se muestra la barra de herramientas de macOS.El icono del Launchpad se muestra en la barra de herramientas de macOS.

Haga clic en el icono de la plataforma de lanzamiento en la barra de herramientas de macOS.

La aplicación VS Code se muestra en el menú Launchpad de macOS.

Haga clic en el icono de Visual Studio Code para iniciar Visual Studio Code.

La aplicación VS Code se abre sin ningún proyecto seleccionado.

Se abrirá el código de Visual Studio.

Instalación de la extensión VEX

Se muestra el ícono de extensión en el menú lateral de VS Code.

Haga clic en el ícono de Extensión en la barra de actividad de VS Code

Se abre el menú lateral de Extensiones de VS Code y se ha escrito VEX en la barra de búsqueda del menú. Los resultados de la búsqueda se muestran a continuación y se incluye la extensión VEX Robotics.

En la barra de búsqueda escribe VEX

La extensión VEX aparecerá en la ventana siguiente.

Haga clic en el botón de instalación junto a la extensión de VEX Robotics.

La extensión VS Code se muestra en el menú lateral y su estado dice Instalando.

Una vez que comience la instalación, el texto cambiará a instalación. Espere a que se complete la instalación antes de continuar.

Instalación de las extensiones de soporte

Para utilizar Intellisense/Linting tanto para C++ como para Python, será necesario instalar extensiones adicionales. La extensión de código VEX VS configurará automáticamente los proyectos VEX para que funcionen con estas extensiones. Se pueden usar otras extensiones Intellisense/Linting, pero los usuarios tendrán que configurar manualmente los proyectos según sea necesario.

Se muestra el ícono de extensión en el menú lateral de VS Code.

Haga clic en el ícono de Extensión en la barra de actividad de VS Code

Se abre el menú lateral de Extensiones de VS Code y se ha escrito C++ en la barra de búsqueda del menú. Los resultados de la búsqueda se muestran a continuación y la extensión Microsoft C/C++ es la primera opción que aparece.

En la barra de búsqueda escribe “C++”

La extensión de Microsoft C++ aparecerá en la ventana siguiente.

Haga clic en el botón de instalación junto a la extensión C/C++ de Microsoft.

La extensión Microsoft C/C++ se muestra en el menú lateral y su estado dice Instalando.

Una vez que comience la instalación, el texto cambiará a instalación. Espere a que se complete la instalación antes de continuar.

Se abre el menú lateral de Extensiones de VS Code y se ha escrito Python en la barra de búsqueda del menú. Los resultados de la búsqueda se muestran a continuación y la extensión Microsoft Python es la primera opción que aparece.

En la barra de búsqueda escribe “Python”

La extensión de Microsoft Python aparecerá en la ventana siguiente.

Haga clic en el botón de instalación junto a la extensión Python de Microsoft.

La extensión de Microsoft Python se muestra en el menú lateral y su estado dice Instalando.

Una vez que comience la instalación, el texto cambiará a instalación. Espere a que se complete la instalación antes de continuar.

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

Last Updated: