25 junio, 2024

Fuente: https://ihatetomatoes.net/useful-vscode-extensions-visual-enhancements/

Extensiones de Visual Studio Code (VSCode) útiles: mejoras visuales

¿ Está buscando algunas extensiones VSCode útiles que puedan acelerar su flujo de trabajo de desarrollo front-end?

La primera sección se centrará en las mejoras visuales .

Estas extensiones son útiles para cualquier proyecto , no solo para el desarrollo de React o Angular .

Vídeo relatado

https://youtube.com/watch?v=UAVq1HkKZrE%3Ffeature%3Doembed

1. Indent Rainbow

Sangrar arco iris para VSCode

Indent Rainbow es una extensión simple que hace que la sangría sea más legible al colorear la sangría de cada pestaña.

Sangrar arco iris para VSCode

Por defecto viene con un “arco iris” de colores, pero si prefieres algo más sutil como yo, simplemente ingresa la siguiente configuración en tu Configuración de usuario.

“indentRainbow.colors”: [
    "rgba(16,16,16,0.1)",
    "rgba(16,16,16,0.3)",
    "rgba(16,16,16,0.6)",
    "rgba(16,16,16,0.4)",
    "rgba(16,16,16,0.2)"
]
Sangrar arco iris para VSCode

Estos colores funcionan muy bien con el tema predeterminado de VSCode y se combinan perfectamente con el esquema de colores predeterminado de VSCode.

Ver extensión

2. Bracket Pair Colorizer

Esta extensión fue [Deprecated] por tanto ya no se puede instalar.

Esta incluida en la configuración de Visual Studio Code
@id:editor.bracketPairColorization.enabled @id:editor.guides.bracketPairs

Sigo dejando la reseña para tener el antecedente.

Colorizador de pares de soportes para VScode

Si escribe código React, Vue o Angular, lo más probable es que tenga muchos corchetes en su código.

¡Esta extensión te ayuda a identificar corchetes coincidentes con colores y conectarlos con líneas también!

Colorizador de pares de soportes para VScode

Puede desactivar la línea vertical y horizontal alrededor del bloque de código. Simplemente agregue esto a su Configuración de usuario.

“bracketPairColorizer.showHorizontalScopeLine”: false

Ver extensión

3. Better Comments

Mejores comentarios para VSCode

La mejor extensión de comentarios le permite resaltar ciertos comentarios en su código.

Mejores comentarios para VScode

Resalte cosas que hacer , preguntas o notas importantes para otros desarrolladores.

Ver extensión

4. Color Highlight

Resaltado de color para VSCode

Color Highlight resalta estilos colores css que se encuentran en su documento.

Resaltado de color para VSCode

No sólo reconoce los colores en su hoja de estilo sino también en otros archivos como .js, .jsx, .ts, .tsxy otras extensiones de archivo.

Ver extensión

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *