Ejercicio: uso de Visual Studio Code para la Web

  • 2 minutos

Antes de empezar a codificar de forma automática, debe familiarizarse con Visual Studio Code para la Web por primera vez.

En este ejercicio, explorará VS Code para la interfaz web y practicará la instalación de una extensión.

En primer lugar, explorará la interfaz de VS Code para la Web.

  1. En un explorador, vaya a https://vscode.dev.

  2. La experiencia en el explorador es similar a la de VS Code Desktop. Por ejemplo, tiene el área del editor, la paleta de comandos y varias vistas, como el Explorador de control de código fuente y las Extensiones, en la barra lateral. Esta interfaz proporciona una experiencia coherente al trabajar en el explorador.

    Recorte de pantalla de la página de aterrizaje de vscode.dev.

Instalar una extensión

Ahora, puede personalizar VS Code para la Web instalando una extensión.

  1. En la barra lateral, haga clic en la vista Extensiones.

    Recorte de pantalla del icono de vista de extensión en la barra de actividad de VS Code.

  2. Desde aquí, puede ver qué extensiones ya están instaladas y examinar otras extensiones.

  3. Pruebe a instalar la extensión del tema de GitHub buscando "tema de github"

  4. Seleccione la extensión del tema de GitHub y haga clic en "Instalar".

    Recorte de pantalla de la extensión de tema de GitHub en VS Code, resaltando el cuadro de búsqueda y el botón Instalar.

  5. Observe la rapidez con la que se instala la extensión, ¡todo dentro del navegador!

¡Excelente trabajo! Ha completado la navegación inicial de VS Code para la Web. Aunque esta puede ser la primera vez que haya explorado https://vscode.dev, debería resultarle familiar si ha usado VS Code para Escritorio.

En la sección siguiente, aprenderá a trabajar con repositorios remotos en VS Code para la Web.