¡Ya somos 15356 en Twitch, de los cuales 237 son subscriptores y 22 donantes! ¡Muchas gracias por el apoyo!

Donantes 22 Donantes
Moderadores 10 Moderadores
Fundadores 3 Fundadores
Network 6 Network
Server 19 Server
HardDisk 7 HardDisk
USBDisk 15 USBDisk
SDCard 42 SDCard
CD/DVD 35 CD/DVD
Diskette 113 Diskette
¡Quiero apoyar!

Extensiones de VSCode

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

IconoNombre del paqueteAutorDescripciónEnlace
Flatland MonokaiThành TrangMi tema de VSCode favorito, basado en Monokai.💾
Victor Mono FontrunbjoTipografía de programación moderna y con ligaduras.💾
Power ModeCody HooverExtensión de partículas al escribir en VSCode.💾
vscode-iconsVSCode Icons TeamVistosos y bonitos iconos para VSCode.💾
indent-rainbowoderwatColorea las indentaciones con columnas de colores.💾
es6-string-htmlTobermoryColoreado de sintaxis para HTML, CSS, SVG, XML, SQL, GLSL en string templates. Ideal para WebComponents.💾
Image previewKiss TamásMuestra una previsualización de la imagen referenciada en el margen de la línea.💾
VSCode Color PickerAntiANtiSepticeyeColor Picker para otro tipo de documentos. Ideal para colores en Javascript o WebComponents.💾

Uso general

IconoNombre de la extensiónAutorDescripciónEnlace
GitHub CopilotGitHubPair programming con una Inteligencia Artificial💾
CloakJohn PapaOculta secretos en los ficheros .env de modo que no se vea accidentalmente en streams.💾
Import CostWixMuestra el tamaño de un paquete importado con import o require en node_modules.💾
Markdown Preview GitHub StylingMatt BiernerPrevisualización de ficheros Markdown (más potente que la integrada).💾
Error LensAlexanderMuestra warnings y errores de código en rojo en el propio código.💾
Bracket Lenswraith13Identifica que estás cerrando al lado del carácter de cierre de unas llaves, corchetes o paréntesis.💾
Duplicate actionmrmlncAñade la opción de duplicar ficheros en VSCode.💾
EditorConfigEditorConfigSoporte para EditorConfig en VSCode.💾
Rainbow CSVmechatronerColorea la sintaxis de ficheros CSV, TSV y ficheros SQL.💾

Frontend

IconoNombre de la extensiónAutorDescripciónEnlace
css-triggersKiss TamásAñade a las propiedades CSS un indicador visual del coste de rendimiento.💾
colorizekamikillertoMuestra los colores CSS escritos en el fondo del propio código.💾
ESLintDirk BaeumerIntegra ESLint (Linter Javascript) en VSCode.💾
StyleLintstylelintIntegra StyleLint (Linter CSS) en VSCode.💾
Fix JSONOliver SturmArregla errores de sintaxis en ficheros JSON.💾
HTML to CSS/LESS/SCSSTautvydas DerzinskasPermite copiar código HTML y pegar la estructura en forma de código CSS.💾
Template Literal EditorplievoneUsa CTRL+ENTER para editar template literals multilínea de Javascript.💾

Backend/Devops

IconoNombre de la extensiónAutorDescripciónEnlace
DockerMicrosoftCrea, administra y depura aplicaciones en contenedores de Docker desde VSCode.💾
DotENVmikesteadColoreado de sintaxis para ficheros .env.💾
Remote WSLMicrosoftAbres proyectos, carpetas o ficheros alojando en WSL.💾

Configura tu Visual Studio Code

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

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: