Visual Studio Code es un editor de código para el desarrollo web y con soporte a varios lenguajes de programación gracias a sus extensiones.
Si has estado buscando un buen editor de código que ofrezca la capacidad de resaltado de sintaxis de acuerdo al lenguaje de programación que usas, la integración con el repositorio GitHub y de programar de manera mucho más rápida gracias al autocompletado de IntelliSense y las abreviaciones de Emmet, Microsoft tiene la aplicación que necesitabas con Visual Studio Code.
Editor de código Visual Studio Code para el desarrollo web
Con Visual Studio Code puedes desarrollar desde HTML hasta el lenguaje de programación que necesites. Solo necesitarás descargar la extensión necesaria para tu lenguaje de programación, aplicar cierta configuración, reiniciar Visual Studio Code y listo.
La aplicación es totalmente gratuita, solamente tienes que descargar, instalar y listo. El enlace lo encontrarás al final del artículo.
He aquí algunos consejos que puedes hacer para trabajar cómodamente con Visual Studio Code:
- Cambiar el idioma de Visual Studio Codel al español
- Activar Intellisense y colores de las etiquetas HTML
- Como hacer para que Intellisense muestre todas mis clases CSS
- Salto de linea en Visual Studio Code
- Abrir página en navegador
Cambiar el idioma de Visual Studio Code al español
- Tienes que instalar una extensión. En la sección «Extensiones», búscalo con el término «Spanish Language for Visual Studio Code».
Activar Intellisense y colores de las etiquetas HTML
- Visual Studio Code utiliza el complemente de Emmet para escribir rápidamente CSS y HTML, para que se active, debes primero guardar el archivo con la extensión correcta HTML o del lenguaje que estás trabajando.
- Una vez guardado, verás que si escribes solamente «html:5» y presionar «Enter», automáticamente se generará el código básico de una página web que es su encabezado y cuerpo.
Como hacer para que Intellisense muestre todas mis clases CSS
- Instala la extensión «HTML CSS Support» o similar.
Salto de linea en Visual Studio Code
- Debes ir al menú «Ver» y seleccionar «Alternar ajuste automático de linea».
Abrir página en navegador
Visual Studio Code no tiene la opción una tecla de atajo que muestre el resultado de tu código en el navegador, para ello necesitarás de la instalación de una extensión llamada «Open in browser». Una vez instalado, tienes que hacer clic derecho sobre tu página y seleccionar la opción «Open in browser».
¿Que opinas de Visual Studio Code? ¿Te animas a usarlo o tienes otras aplicación favorita?
Descarga: Visual Studio Code
