Biz Stone, “¡Decídete! La carga de construir grandes cosas del fundador de Twitter ”
Una de las diferencias entre muy buenos programadores y buenos programadores es qué herramientas usan. Elegir las herramientas adecuadas puede facilitar la vida de un desarrollador. Se refiere al ajuste fino de los IDE utilizados al escribir código. Muchos programadores usan Visual Studio Code en estos días. Este editor de código admite la instalación de extensiones. Hay tantas de estas extensiones que podemos decir que las opciones de personalización de VS Code son casi infinitas. Pero en Visual Studio Marketplace
, se publica una cantidad increíble de extensiones en el sitio donde se publican las extensiones para VS Code. Esto significa que es difícil para los programadores encontrar exactamente lo que realmente necesitan. Si una extensión determinada le pareció útil a alguien, es muy posible que también beneficie a otras personas. Por eso, aquí te contaré acerca de 7 extensiones para VS Code que pueden facilitar enormemente el trabajo del programador. Todas estas son extensiones gratuitas. Cualquiera puede descargarlos y usarlos libremente.
1. Cliente REST
La extensión del cliente REST permite, directamente desde VS Code, enviar solicitudes HTTP y ver inmediatamente las respuestas. Esta extensión le permite decir adiós a las aplicaciones externas que de otro modo tendría que utilizar para realizar solicitudes a los servidores.
Esta extensión es muy popular considerando que tiene más de un millón de descargas. Es utilizado por muchos programadores. He estado usando el cliente REST durante bastante tiempo y creo que es una gran herramienta.
Hace que sea muy fácil y conveniente crear y enviar solicitudes. Al trabajar con él, se utilizan construcciones sintácticas claras que lo hacen más fácil de usar en una variedad de situaciones. Por ejemplo, enviar una solicitud GET simple requiere solo una línea de código que contiene la palabra clave
GETy la URL.
En general, recomiendo probar esta extensión para cualquiera que necesite la funcionalidad de un cliente REST.
Trabajar con el cliente REST
2. CSS Peek
Si te gusta el desarrollo web, CSS Peek es una extensión imprescindible en tu caja de herramientas. Esta extensión le permite ver rápidamente las reglas CSS aplicadas a varios elementos HTML. Para ver el código CSS correspondiente, simplemente pase el puntero del mouse sobre el nombre de la clase del elemento o su ID.
A continuación se muestra el proceso para trabajar con CSS Peek.
Trabajar con CSS Peek
Pero las capacidades de esta extensión van más allá de la navegación por estilos. Entre otras cosas, le permite saltar rápidamente al código de las reglas CSS utilizadas para diseñar los elementos. Esto le ahorra mucho tiempo buscando selectores coincidentes.
3. Embellecer
Si te gusta el código limpio, definitivamente te encantará la extensión Beautify . Te permite formatear tu código. Beautify admite JavaScript, HTML, CSS, Sass y JSON.
La mejor parte de esta extensión es que se presta a una personalización profunda. Por ejemplo, esto incluye establecer el tamaño de las sangrías y especificar si los archivos deben terminar con una nueva línea. Beautify es adecuado para quienes escriben código en diferentes lenguajes de programación, para cada uno de los cuales puede establecer su propia configuración.
Beautify, con más de 5 millones de descargas, se encuentra entre las 20 extensiones más populares.
4. Etiqueta de cambio de nombre automático
La extensión Auto Rename Tag resuelve un problema muy simple, pero a pesar de esto, puede ocupar el lugar que le corresponde en la caja de herramientas del programador. Es decir, automatiza la tarea de cambiar el nombre de las etiquetas HTML. En particular, si se cambia el nombre de la etiqueta inicial, la etiqueta final también cambia. Lo mismo sucede cuando cambia el nombre de la etiqueta final.
Si desea que se ingrese automáticamente una etiqueta de cierre automático después de ingresar un paréntesis que termina la etiqueta de inicio, eche un vistazo a la extensión Etiqueta de cierre automático . Si tiene ambas extensiones, le ayudará mucho a escribir código HTML, haciendo su trabajo más eficiente y los resultados de su trabajo más consistentes.
Trabajar con etiqueta de cambio de nombre automático
5. Quokka.js
La extensión Quokka.js es una especie de sandbox para experimentar con el código, integrado directamente en el editor. Le permite trabajar con archivos mostrando las sugerencias adecuadas directamente en el código. Estos consejos aparecen durante el proceso de ingresar el texto del programa, lo cual es muy conveniente.
Trabajando con Quokka.js
6. Noctámbulo
¿Cuál es el costo de optimizar VS Code sin usar un tema asombroso? Los programadores pasan mucho tiempo trabajando en el editor, por lo que cuanto más atractivo sea el editor, mejor.
Night Owl es uno de los grandes temas utilizados por muchos programadores. La descripción dice que está diseñado para aquellos que se sientan frente a la computadora hasta altas horas de la noche.
Tema Night Owl
Pero si no te gusta este tema, está bien. Hay muchos más temas buenos, uno de los cuales definitivamente te conviene.
7. Fragmentos de código de JavaScript (ES6)
La extensión de fragmentos de código JavaScript (ES6) que resume este material ofrece al desarrollador un conjunto de fragmentos que le permiten crear rápidamente construcciones JavaScript modernas.
Por ejemplo, si, usando esta extensión, ingresa
clgy presiona , ingresará Enteral código console.log. Puede llevar algún tiempo dominar todos los fragmentos disponibles en esta extensión. Pero alguien que haya implementado fragmentos de código JavaScript (ES6) podrá escribir código JS moderno muy rápido. Vale la pena el tiempo dedicado a aprender esta extensión.
¿Qué extensiones de VS Code usas?
