Para utilizar Visual Studio Code, puedes descargarlo desde la página oficial: Visual Studio Code. Si te interesa una versión open source, descarga Visual Studio Codium.

A continuación muestro un listado completo de las extensiones de VSCode que más suelo utilizar en mi día a día, desglosadas en diferentes apartados por temática:

Tema / Syntax

Icono	Nombre del paquete	Autor	Descripción	Enlace
	Flatland Monokai	Thành Trang	Mi tema de VSCode favorito, basado en Monokai.	💾
	Victor Mono Font	runbjo	Tipografía de programación moderna y con ligaduras.	💾
	Power Mode	Cody Hoover	Extensión de partículas al escribir en VSCode.	💾
	vscode-icons	VSCode Icons Team	Vistosos y bonitos iconos para VSCode.	💾
	indent-rainbow	oderwat	Colorea las indentaciones con columnas de colores.	💾
	es6-string-html	Tobermory	Coloreado de sintaxis para HTML, CSS, SVG, XML, SQL, GLSL en string templates. Ideal para WebComponents.	💾
	Image preview	Kiss Tamás	Muestra una previsualización de la imagen referenciada en el margen de la línea.	💾
	VSCode Color Picker	AntiANtiSepticeye	Color Picker para otro tipo de documentos. Ideal para colores en Javascript o WebComponents.	💾

Uso general

Icono	Nombre de la extensión	Autor	Descripción	Enlace
	GitHub Copilot	GitHub	Pair programming con una Inteligencia Artificial	💾
	Cloak	John Papa	Oculta secretos en los ficheros .env de modo que no se vea accidentalmente en streams.	💾
	Import Cost	Wix	Muestra el tamaño de un paquete importado con import o require en node_modules.	💾
	Markdown Preview GitHub Styling	Matt Bierner	Previsualización de ficheros Markdown (más potente que la integrada).	💾
	Error Lens	Alexander	Muestra warnings y errores de código en rojo en el propio código.	💾
	Bracket Lens	wraith13	Identifica que estás cerrando al lado del carácter de cierre de unas llaves, corchetes o paréntesis.	💾
	Duplicate action	mrmlnc	Añade la opción de duplicar ficheros en VSCode.	💾
	EditorConfig	EditorConfig	Soporte para EditorConfig en VSCode.	💾
	Rainbow CSV	mechatroner	Colorea la sintaxis de ficheros CSV, TSV y ficheros SQL.	💾

Frontend

Icono	Nombre de la extensión	Autor	Descripción	Enlace
	css-triggers	Kiss Tamás	Añade a las propiedades CSS un indicador visual del coste de rendimiento.	💾
	colorize	kamikillerto	Muestra los colores CSS escritos en el fondo del propio código.	💾
	ESLint	Dirk Baeumer	Integra ESLint (Linter Javascript) en VSCode.	💾
	StyleLint	stylelint	Integra StyleLint (Linter CSS) en VSCode.	💾
	Fix JSON	Oliver Sturm	Arregla errores de sintaxis en ficheros JSON.	💾
	HTML to CSS/LESS/SCSS	Tautvydas Derzinskas	Permite copiar código HTML y pegar la estructura en forma de código CSS.	💾
	Template Literal Editor	plievone	Usa CTRL+ENTER para editar template literals multilínea de Javascript.	💾

Backend/Devops

Icono	Nombre de la extensión	Autor	Descripción	Enlace
	Docker	Microsoft	Crea, administra y depura aplicaciones en contenedores de Docker desde VSCode.	💾
	DotENV	mikestead	Coloreado de sintaxis para ficheros .env.	💾
	Remote WSL	Microsoft	Abres proyectos, carpetas o ficheros alojando en WSL.	💾

Configura tu Visual Studio Code

A continuación algunos otros consejos interesantes relacionados con VSCode:

• ✨ Crear snippets de código en VSCode
• ✨ Elegir una tipografía adecuada
• ✨ Crear un efecto suave de cursor

En el siguiente directo puedes encontrar más consejos y trucos para configurar tu Visual Studio Code que mencionamos en uno de mis directos de Twitch: