22 extensiones útiles para un programador novato

2024 Autor: Malcolm Clapton | [email protected]. Última modificación: 2023-12-17 03:53

Extensiones para Chrome y Visual Studio Code que facilitan muchas tareas de codificación y le permiten ahorrar tiempo.

Extensiones de Chrome

1. WhatFont es una manera fácil de averiguar qué fuente se usa en un sitio en particular para encontrarla y usarla en sus proyectos.

2. Pesticide es una herramienta para resaltar contornos y modificaciones CSS. Útil para dominar el modelo de diseño de bloques.

3. Colorzilla es una herramienta para obtener colores precisos de sitios web. Para mayor comodidad, el código de color se copia directamente al portapapeles.

4. CSS Peeper es una extensión para ver colores y activos utilizados en sitios web: ilustraciones, documentos de texto, archivos de diseño, archivos de video.

5. Wappalyzer es una utilidad que le permite identificar sistemas de gestión de contenido, marcos, software de servidor, herramientas de análisis y otras tecnologías utilizadas en los sitios.

6. React Developer Tools es una herramienta útil para depurar aplicaciones React.js.

7. Redux DevTools es una herramienta para depurar aplicaciones que utilizan Redux.

8. JSON Formatter es una extensión para simplificar la legibilidad de JSON con resaltado de sintaxis, sangría y enlaces en los que se puede hacer clic.

9. Vimeo Repeat and Speed es una extensión simple para acelerar el servicio de video de Vimeo, que es útil cuando se ven tutoriales en video.

Extensiones para VS Code

10. Auto Rename Tag es una extensión para cambiar el nombre de las etiquetas HTML. Cuando cambia la etiqueta de apertura, la etiqueta de cierre cambiará automáticamente.

11. Compatibilidad con HTML CSS: compatibilidad con CSS para documentos HTML con resaltado de sintaxis, conexión de archivos CSS remotos y otras funciones útiles.

12. Los fragmentos de HTML son fragmentos listos para usar para ahorrar tiempo.

13. Babel ES6 / ES7 es una herramienta de verificación de sintaxis y resaltado de Babel de JavaScript.

14. Bracket Pair Colorizer es una herramienta para colorear corchetes de apertura y cierre con colores específicos para encontrarlos rápidamente.

15. ESLint: integración de ESLint en Visual Studio Code para verificar la calidad de su código y encontrar errores.

16. Guías: agrega líneas de guía adicionales a su código para facilitar la búsqueda de elementos de apertura y cierre.

17. JavaScript Console Utils es una utilidad para simplificar la creación de declaraciones útiles console.log (), incluida la inserción rápida de código para registrar una variable seleccionada.

18. Code Spell Checker es una extensión para el corrector ortográfico de código rápido.

19. GitLens es una herramienta útil para visualizar la información del historial de código para que pueda realizar un seguimiento de cuándo se realizaron los cambios y quién los realizó.

20. Path Intellisense es una herramienta para completar automáticamente los nombres de los archivos a medida que se ingresa una línea.

21. Prettier es una extensión para el formateo automático de código y para reunir sus diversas secciones en un solo formulario.

22. VSCode-Icons: agregue iconos visuales al árbol de archivos para una búsqueda más fácil y una mejor percepción visual.

Por supuesto, no debería instalar todo lo de esta lista. Algunas de estas extensiones se pueden llamar intercambiables, mientras que otras requerirán experiencia con herramientas más simples.