¡10 extensiones de Visual Studio Code que debe instalar ahora mismo!
Visual Studio Code es un proyecto de código abierto desarrollado por Microsoft para Windows, Linux y MacOS. Muchos lo consideran el mejor editor de código fuente en el mundo del desarrollo web. Tiene una gran comunidad para apoyarte y tiene muchas funciones para facilitar tu proceso de desarrollo. ¡Puede usar diferentes lenguajes de programación, usar sus propios atajos de teclado, refactorizar el código y agregarle más funciones para personalizarlo y mejorarlo!
En este blog, te mostraré 10 extensiones que debes instalar en Visual Studio Code ahora mismo para aprovecharlo al máximo y facilitar tu trabajo diario, ¡comencemos! 🚀
1. PRETTIER
Esta extensión le permite formatear su código de acuerdo con las reglas de cada idioma. Admite la sintaxis de una gran cantidad de lenguajes como JavaScript, JSX, Flow, TypeScript, JSON, HTML, Vue, Angular, CSS, Less, SCSS, GraphQL, MarkDown, CommonMark, MDX y YAML. Prettier viene con sus reglas predeterminadas, pero también puede crear sus propias reglas, como saltos de línea, tabulaciones, espacios, etc. 😎
2. LIVE SHARE
Te permite editar y depurar código en tiempo real con otros programadores, también puedes llamarlos, chatear, compartir terminales y servidores. Como con cualquier otra herramienta de trabajo colaborativo, puedes ver dónde están tus socios en el programa y en qué líneas de código están trabajando. Si hay un problema en el momento, pueden llamarse y encontrar una solución juntos. ¡Viva el trabajo en equipo en tiempo real! 🙌
3. GITLENS
Esta extensión le brinda muchas herramientas para trabajar con GIT. Te permite ver el autor de un comentario, información sobre el repositorio en el que te encuentras, ramas y dependiendo del archivo o línea que hayas encontrado, muestra el historial de cambios de cada archivo o línea para que puedas comparar. herramienta completa para trabajar con GIT! 👨💻
4. EDITORCONFIG
Esta extensión es una de las más famosas y permite centralizar estilos y configurar el editor vía archivos para que todos los programadores del proyecto tengan la misma configuración.
5. POLACODE
Te permite tomar una captura de pantalla del código fuente para que puedas compartirlo en cualquier lugar; en tu grupo de trabajo, red social o guardarlo para siempre porque seguro que es lo más hermoso que jamás hayas creado. Para usarlo, simplemente seleccione la sección de código que desea capturar y listo, ¡tendrá los mismos colores, sangría, todo! 😎
6. ESLINT
Este linter de JavaScript es uno de los más utilizados y famosos. Puede ayudarlo a encontrar errores de sintaxis, lógica o guía de estilo en su código y sugerir posibles soluciones. Tiene una configuración predeterminada, pero también puede personalizarla. 👌
7. INDENT RAINBOW
Le indica el nivel de sangría de su código con una barra de color, por lo que es más fácil de leer. Si tiene un código pequeño, probablemente no lo necesite todavía, pero a medida que crece, sabe que tendrá problemas, ¿verdad? Esta extensión te hará feliz como un arcoíris después de una tormenta. 🌈
8. LIVE SERVER
Esta es una de las extensiones más recomendadas para los desarrolladores front-end, ya que crea un pequeño servidor local para que pueda ver lo que está haciendo y se actualizará automáticamente con cada cambio.
9. SVG
Le ayuda con toda la sintaxis SVG, el resaltado de coordenadas y el autocompletado de sintaxis. Finalmente, también te permite previsualizar el SVG. Si te gusta el desarrollo web, debes despedirte de los iconos y logotipos PNG, JPG, ¡usa SVG y gobierna el futuro!
10. STORIES
¿Alguna vez pensaste que podrías compartir tu trabajo a través de historias? ¿O puede ver lo que otros desarrolladores están haciendo con su código? Con esta extensión, podrá mostrar partes de su código, ver el código de otros usuarios e incluso manipularlo como si fuera un archivo local y reutilizarlo en uno de sus proyectos.
Si quieres saber más sobre las extensiones de Visual Studio Code, mira nuestro vídeo y descubre todo lo que puedes hacer con ellas. ¡Estamos allí esperándote!