Como ya os hablé anteriormente Visual Studio Code dispone de extensiones para ampliar sus características y sacarle el máximo partido. En esta ocasión nos centraremos en extensiones para un entorno de trabajo específico, desarrollo Web Front-End.
Extensiones para entorno Front-End
HTML Snippets
Esta extensión permite añadir soporte HTML5 con suma facilidad, resaltado de código, snippets…
HTML CSS Class Completion
Permite autocompletado de código a través de la característica Intellisense. Las sugerencias se basan en los ficheros CSS disponibles en el espacio de trabajo.
Debugger for Chrome
Depura código Javascript del navegador Google Chrome directamente desde Visual Studio Code o en cualquier elemento que soporte el protocolo de depuración de Chrome.
JSHint
Integra JSHint en Visual Studio Code. JSHint es una herramienta que permite detectar errores y problemas en código JavasScript. Puedes aprender más acerca de JSHint en su página web.
PHP DocBlocker
Mantener un código limpio y ordenado, sería inútil si no estuviera bien comentado. Esta extensión permite realizar comentarios de forma rápida para código PHP. Utiliza el autocompletado encima de clases y funciones con:
/**
Beautify
Permite formatear código para diferentes lenguajes de programación: JSON, CSS, Sass y HTML. Perfecto para el desarrollo Front-End. Dispone de un fichero de configuración para modificarlo a nuestro gusto.
Sass
No hay mucho que explicar, añade soporte para la sintaxis Sass y SCSS.
SVG viewer
Permite visualizar al instante ficheros de tipo SVG. Además incluye otras opciones de gran utilidad para trabajar con este formato.
Conclusiones
Es muy probable que vaya reeditando este artículo según vaya incorporando nuevas o haciendo descartes. Recuerda que a estas extensiones hay que sumarle las ya comentadas en el anterior artículo sobre extensiones en Visual Studio Code. Si tienes alguna sugerencia sobre alguna extensión que añadirías no dudes en comentar.