Introducción a Visual Studio Code

Introducción

Visual Studio Code es un editor de código fuente gratuito y de código abierto desarrollado por Microsoft en el año 2015. Es compatible con un conjunto amplio de lenguajes de programación y posee un mecanismo de extensiones que permiten agregar funcionalidades al editor. Además, está integrado con Git.

Instalación VSC

Introducción a VSC

Prueba

Prueba2

Edición de Código

En los dos siguiente vídeos veremos cómo crear mi primer fichero HTML y la forma de visualizar los cambios que se producen al desarrollar una página web mediante la extensión Live Server.

Mi primer fichero HTML

Live Server

Atajos de Teclado

Los atajos de teclado nos ahorran mucho tiempo a la hora de programar. Podemos consultar nuestra configuración de atajos de teclado según la imagen siguiente y en el siguiente vídeo podéis ver algunos de los más usados. 
Texto alternativo de la imagen no establecido

Keyboard ShortCuts

Extensiones

En los dos siguientes vídeos veremos dos extensiones muy utilizadas. La extensión TODO nos permite agregar etiquetas TODO y FIXME y buscarlas rápidamente mediante un menú de acceso. La extensión Bracket Pair Colorizer nos permite poner color a las llaves en función a la profundidad de las mismas.

Extensión TODO

Extensión Bracket Pair Colorizer