Visual Studio Code. Instalación en Windows

Conseguir Visual Studio Code

La página oficial de Visual Studio Code es https://code.visualstudio.com/. Desde la página principal se puede descargar la última versión estable (mediante el botón azul grande situado a la izquierda) o acceder a la página de descargas (mediante el botón azul más pequeño situado arriba a la derecha):

Visual Studio Code. Descargar


Desde la página de descargas se pueden descargar las versiones para diferentes sistemas operativos (32 / 64 bits, Windows / GNU/Linux / Mac). En Windows hay además disponibles versiones System installer, que se instalan en la carpeta de Archivos de programa, y versiones User installer, que se instalan en la carpeta de usuario. Desde el verano de 2018, Microsoft recomienda la versión User installer.

Enlace de descarga para Windows: Visual Studio Code (64 bits, recomendado)

Visual Studio Code. Descargar


En cdlibre.org hay una sección dedicada a editores web, con información detallada sobre la última versión publicada para Windows de 64 bits.

Instalar Visual Studio Code en Windows

Nota: Las capturas siguientes corresponden a Visual Studio Code 1.82 (User installer) en Windows 10 de 64 bits. Versiones posteriores pueden ser ligeramente diferentes.

  1. Haga doble clic sobre el instalador de Visual Studio Code para poner en marcha el asistente de instalación.
  2. La primera pantalla exige aceptar la licencia de Visual Studio Code para continuar la instalación:

    Visual Studio Code - Instalación 1

  3. La segunda pantalla permite elegir el directorio de instalación (por tratarse de la versión User installer, el directorio de instalación está en la carpeta de usuario, no en Archivos de programa):

    Visual Studio Code - Instalación 2

  4. La tercera pantalla permite elegir el nombre de la carpeta del menú de inicio:

    Visual Studio Code - Instalación 3

  5. La cuarta pantalla permite elegir algunas tareas adicionales tras la instalación. Personalmente, aconsejo marcar las casillas "Agregar la acción ...":

    Visual Studio Code - Instalación 4

  6. Finalmente se muestran las opciones elegidas en las pantallas anteriores. Para iniciar la instalación, haga clic en Instalar.

    Visual Studio Code - Instalación 5

  7. A continuación, se instalará Visual Studio Code.

    Visual Studio Code - Instalación 6

  8. Una vez completada la instalación, se muestra la pantalla final. Si va a utilizar Git con Visual Studio Code, desmarque la casilla "Ejecutar Visual Studio Code", haga clic en Finalizar e instale Git.

    Visual Studio Code - Instalación 7

Primera ejecución

La primera vez que se abre Visual Studio Code tras la instalación, se muestra una página de bienvenida al programa que invita a identificarse con GitHub. Haga clic en "Continue without Signing In" si no desea hacerlo en este momento:

Visual Studio Code. Interfaz inicial

Se mostrará la interfaz habitual de Visual Studio Code:

Visual Studio Code. Interfaz inicial

La personalización de Visual Studio Code se comenta en la siguiente lección, Visual Studio Code. Personalización.

Nota: Al detectar la presencia o ausencia de algunas aplicaciones instaladas en el sistema (por ejemplo Git o Docker), Visual Studio Code puede mostrar distintos avisos aconsejando determinadas extensiones.

Actualizar Visual Studio Code

Visual Studio Code se actualiza automáticamente cada vez que se publica una nueva versión. Visual Studio Code muestra un aviso cuando la actualización se ha descargado y podemos aplicar la actualización inmediatamente, como se muestra en las capturas de pantalla siguientes. En cualquier caso, hayamos pedido o no aplicar la actualización, si cerramos Visual Studio Code, la actualización se aplicará al volver a abrirlo.

Nota: Las capturas siguientes corresponden a la actualización de Visual Studio Code 1.139 a Visual Studio Code 1.140 en Windows 11. Versiones posteriores pueden ser ligeramente diferentes.

  1. En cualquier momento, al hacer clic en el icono de la rueda dentada situado en la parte inferior izquierda y elegir la opción "Check for updates" ("Buscar actualizaciones"), Visual Studio Code buscará si hay una actualización disponible:

    Visual Studio Code - Actualización automática

  2. Realmente no es necesario buscar actualizaciones manualmente porque Visual Studio Code lo hace automáticamente de forma periódica. Si hay una actualización, mientras se descarga se muestra un distintivo en el icono de la rueda dentada situado en la parte inferior izquierda:

    Visual Studio Code - Actualización automática

  3. Cuando se haya descargado la actualización disponible, Visual Studio Code mostrará un número 1 en el icono de la rueda dentada situado en la parte inferior izquierda:

    Visual Studio Code - Actualización automática

  4. Para instalar la actualización, haga clic en el icono de la rueda dentada y elija la opción "Restart to Update" / "Reiniciar para actualizar" (aunque la actualización se instalará automáticamente si se cierra y vuelve a abrir Visual Studio Code):

    Visual Studio Code - Actualización automática

  5. Visual Studio Code instalará la actualización:

    Visual Studio Code - Actualización automática

  6. Al reiniciarse, se mostrarán en una nueva pestaña las notas de la versión instalada y el icono de la rueda dentada ya no mostrará ningún distintivo:

    Visual Studio Code - Actualización automática