1 - Instalación del editor Visual Studio Code (VSCode)

El editor de texto VSCode ha sido creado y es mantenido por Microsoft. Lo distribuye con licencia Open Source y por lo tanto en forma gratuita. Lo debemos descargar del sitio code.visualstudio.com, como podemos comprobar está disponible tanto para Windows, Mac y Linux:

descarga vscode

Estaremos trabajando en ambiente Windows (pero su empleo en otros sistemas operativos es similar)

Una vez descargado procedemos a instalarlo siguiendo los pasos del asistente:

instalación del vscode

instalación del vscode

instalación del vscode

instalación del vscode

instalación del vscode

instalación del vscode

instalación del vscode

instalación del vscode

Ya tenemos instalado y funcionando VSCode:

ejecución del vscode

El tema o aspecto visual por defecto es el oscuro, pero para que se vea más fácil en este tutorial lo cambiaremos por un aspecto más claro.

Para cambiar el tema presionamos el botón del engranaje en la parte inferior izquierda y seleccionamos "Tema de color":

tema de color del vscode

Yo seleccionaré el tema "Light + (default light)":

tema Light + (default light) vscode

Podemos cerrar la pestaña de bienvenida y tendremos el editor VSCode en su mínima expresión:

pestaña de bienvenida vscode

El resultado sin pestañas abiertas es:

sin pestaña de bienvenida vscode

Como vemos en el fondo del editor aparecen los 5 comandos más comunes que tenemos que hacer normalmente cuando trabajamos con el editor de texto VSCode como puede ser "Abrir archivo" con el atajo de teclas Ctrl + O.

A lo largo del tutorial veremos los atajos de teclas más comunes y otros no tan comunes pero que nos pueden ayudar en un momento preciso.