Bracket Pair Colorizer
Esta extension permite identificar las llaves correspondientes de apertura y cerradura con colores.
Color Highlight
Con esta extension puedes ver el color de los styles de CSS de manera visual para identificar el codigo a que color corresponde ya sea en tus CSS o en tu HTML, como se puede apreciar en la imagen anterior.
GitLens
Esta extension permite ver al autor y fecha de modificacion de la linea en el codigo en el que te encuentres y el comentario del commit.
Puedes seleccionarlo para mostrar mas informacion como fecha y hora exacta, comentario completo, y ver las lineas que se agregaron o eliminaron.
Tambien puedes verlo en la barra inferior.
En el menu lateral puedes acceder a las funciones del Gitlens, donde encuentras las opciones de Source control para ver tus repositorios con tus cambios, Commits, Repositories, File history, Branches, Remotes, Stashes y Tags, para poder manipular tus repos, tambien desde la paleta de comandos puedes acceder a los comandos de git, como para hacer pull, push, agregar un remote origin, crear un branch, checkout, etc.
Prettier
Simple pero efectiva, da formato a tu codigo para mantenerlo limpio y que sea facilmente legible, soporta Javascript, JSX, Typescript, JSON, CSS, SCSS, Less, HTML, Vue, Angular, GraphQL, Markdown, YAML, y tambien existen plugins para soportar PHP, Ruby, Swift, XML, Java, Kotlin, etc.
Quokka
Una de mis favoritas para probar alguna rutina en un archivo de sandbox, basicamente ejecuta tu codigo Javascript en la misma ventana de codigo del VS Code, de manera que ves el resultado mientras escribes o modificas tu codigo y tambien muestra un cuadro a la izquierda que indica si la linea de codigo esta bien o hay algun error.
Extra – :emojisense:
No esencial pero suficientemente cool esta extension muestra sugerencia y autocompletado para poner emojis en VS Code.
