El autor del artículo, cuya traducción publicamos hoy, quiere hablar sobre varias extensiones y temas para el popular editor VS Code que pueden mejorar la vida del desarrollador.
SCSS IntelliSense
→ Página
IntelliSense de SCSSCrear variables en SCSS es fácil y divertido. ¿Cómo recordarlos? Aquí generalmente surgen dificultades con esto.
Si eres como yo, entonces tienes el archivo
_variables.scss , que contiene cientos de íconos en dólares y nombres de variables que se te ocurrieron a las tres de la mañana. La extensión SCSS IntelliSense proporciona sugerencias para nombres de variables cuando se trabaja en el código del proyecto. Y ya no necesita recordar estos nombres con todo detalle. No es necesario hurgar en un archivo con nombres de variables para recuperarlos.
Así es como se ve la extensión SCSS IntelliSense.
Extensión IntelliSense SCSS en acciónEtiqueta de cambio de nombre automático
→
Página de etiqueta de cambio de nombre automáticoIndependientemente del marco de front-end que utilice, escribir HTML (o JSX) puede ser una tarea tediosa. Especialmente en una situación en la que hay algo así como 50 líneas de algún código entre las etiquetas de apertura y cierre. Es posible que deba cambiar la etiqueta
H2 a
H3 durante el transcurso de su trabajo. Puede ser necesario reemplazar el
div con un
span . En cualquier caso, si resuelve estos problemas sin utilizar herramientas auxiliares, en fragmentos de código a gran escala, se reduce a una búsqueda difícil de etiquetas de cierre.
¿Por qué no llamar a un automóvil para ayudarlo a editar etiquetas automáticamente? Para hacer esto, solo use la extensión Auto Rename Tag. Al editar la etiqueta de apertura, cambia y se cierra automáticamente. Lo mismo, exactamente lo contrario, sucede si se cambia la etiqueta de cierre.
Así es como funciona la etiqueta de cambio de nombre automático.
Trabajar con la extensión de etiqueta de cambio de nombre automáticoAcción duplicada
→ Página de
acción duplicadaLa capacidad de crear archivos y carpetas duplicados usando el menú contextual es tan útil que debería integrarse en VS Code. Pero este editor, y sin esa oportunidad, es maravilloso, por lo que puede perdonar tal falla.
En realidad, para equipar VS Code con la característica descrita anteriormente, es suficiente instalar la extensión Duplicate Action. Cuando está activado, el desarrollador tiene el comando
Duplicate file or directory menú contextual del
Duplicate file or directory .
Extensión de acción duplicada y cambios en el menú contextual del archivoCodestream
→ Página
CodeStreamSi describe brevemente CodeStream, entonces podemos decir que esta extensión es comparable al sistema para comentar el código del futuro.
A muchos programadores no les gusta dejar su IDE. Pero para explicar algo a sus colegas y hacer preguntas usted mismo, debe salir del entorno familiar y usar Trello, Slack, Asana, Bitbucket, Microsoft Teams. CodeStream admite muchas herramientas y un IDE, que le permite trabajar con problemas y preguntas sin abandonar el entorno familiar del editor de código. Muchos, trabajando, tienden a entrar en el llamado "estado de flujo". Salir del editor generalmente saca a la persona de este estado. Gracias a CodeStream, las preguntas sobre el código se pueden resolver sin abandonar su entorno familiar.
Discusión de código en CodeStreamNoctámbulo
→ Página de
Night OwlNight Owl es uno de los mejores temas jamás creados para el IDE. Desde hace tres años, lo uso a diario. A continuación se muestra una captura de pantalla de mi pantalla de trabajo real. El título de este tema sugiere que está destinado a quienes se sientan en la computadora por la noche. Es cierto que es muy adecuado para el trabajo nocturno, evitando que sus ojos trabajen demasiado, y los suaves tonos azules que se usan en él ayudan a resolver con calma los problemas complejos.
Night Owl ThemeBonus: Tema Synthwave '84
→ Página de
Synthwave '84Este tema proviene del universo cyberpunk. Va bien con una capa de cuero, con un Lamborghini Countach y con un generador de humo. Si todo esto está cerca de usted, encienda su música de Vaporwave favorita y escriba su hermoso código hasta que su conciencia se haya unido a la base de datos de Neuromancer.
Para lograr el efecto de texto brillante, después de instalar este tema, debe jugar un poco con él. Pero está seguro de que está de acuerdo en que vale la pena poner un poco de esfuerzo en su logro.
Synthwave '84 ThemeEstimados lectores! ¿Conoces extensiones y temas interesantes para VS Code?
