16 mejores extensiones de código vs para desarrolladores web

Microsoft Visual Studio Code (VS Code) es uno de los principales editores de código para desarrolladores de software. Desde su lanzamiento, su popularidad ha crecido no solo por la plataforma estable que ofrece, sino también por la naturaleza extensible que Microsoft ha incorporado. El mercado de extensión es una corrupción de suplementos y características que permiten a los desarrolladores personalizar el código VS en el entorno de desarrollo de sus sueños. Queremos desglosar algunas de las extensiones de código VS más importantes disponibles hoy en día para que no se pierda ninguna. 1. Configuración de Kymap y importador de texto sublime

En la parte superior de nuestra lista se llama adecuadamente sublime Text KeyMap y Configuración Importador. Si el título no ha sido lo suficientemente descriptivo, esta extensión le permite ingresar las claves y la configuración existentes del texto sublime, por lo que puede ir sin problemas al uso del código VS como predeterminado. Dado que muchas personas aman a lo sublime y han pasado años en él, para hacer que VS Code mantenga la memoria muscular ganada de ese editor. 2. Fragmentos de código JavaScript (ES6)

La escritura de JavaScript (o cualquier código) puede volverse engorrosa cuando repite los mismos fragmentos varias veces. Esta extensión lo ayuda a eximirse, lo que le permite, en principio, escribir atajos para fragmentos a menudo utilizados. Cuando se activa, el fragmento simplemente reemplaza el texto y lo ingresa directamente en el documento.
3. Soporte de par de colorizadores 2

Independientemente del lenguaje que codifique, los soportes probablemente serán una parte importante de él. Y su mantenimiento correcto puede ser un dolor de cabeza. Pero con este código de extensión vs, puede colorear el código de pares correctos para aliviar ese punto de dolor y trabajar en la operación del código en sí, no en el editor. 4. Eslint En muchos sentidos, Eslint es un linter para JavaScript. Tomar errores y proporcionar comentarios y advertencias inmediatas es esencial para mantener a su equipo limpio y, de hecho, no hay mejor manera de hacerlo en JS que Eslint. Le recomendamos que lo instale lo antes posible.

5. Gerente de proyecto
Un problema con el código VS que ocurre con bastante frecuencia es cómo cambiar entre diferentes proyectos. Por defecto, el flujo no es exactamente el más intuitivo. Por lo tanto, el administrador de proyectos trabaja para remediar el problema, brindándole un menú en la barra lateral que puede usar para guardar diferentes carpetas y proyectos GIT para cambiarlos fácilmente. Esto no es tanto una mejora en el editor como un golpe para la calidad de vida. 6. Browser de vista previa

Uno de los elementos más desagradables del desarrollo web es cargar y refrescante contenido en diferentes navegadores para las pruebas. La vista previa del navegador le ayuda a limitar la cantidad que necesita para hacer esto, lo que le brinda una vista previa sólida de su actividad dentro de VS Code en sí, en un nuevo proceso de Chrome.

7. Más hermoso
Todos queremos un código más hermoso. Entonces, probablemente todos deberíamos instalar el más bonito para lidiar con esto. La descripción describe la más bonita como un “formator de código de opinión, aplica un estilo consistente analizando el código y reprimiendo con sus propias reglas que tienen en cuenta la longitud máxima de la línea, empacando el código cuando sea necesario”. Es posible que no desee usarlo para cada idioma o proyecto, por lo que hay una gran cantidad de configuraciones de configuración, por lo que puede personalizarlo según lo desee. 8. Gitlinkne coloca a Gitlink debido a su simplicidad. Aunque hay muchas extensiones Git allí, una de las cosas sobre Gitlink es que es simple y solo una cosa. Y lo hace bien. Destaca solo un fragmento de código, y Gitlink lo llevará a la reparación en línea para ese fragmento en particular. Es increíblemente útil ir rápidamente al repositorio, sin importar dónde esté alojado desde la distancia.

9. Mejores comentarios

El comentario de su código es uno de los hábitos más importantes que un desarrollador puede tener. Incluso más que eso, comentar sobre el buen código es una habilidad que debe enseñarse en cada clase de informática y codificación allí. Dicho esto, mejores comentarios son una de esas extensiones de código VS que todos necesitan, porque le permitirá, si cree el nombre, deje mejores comentarios en su código con atajos que le permiten diferenciar entre preguntas, exclamaciones, código comentado, consulta, alertas, aspectos destacados y tareas, esta extensión no solo hará que sea más fácil para su vida, sino que aliviará la vida de su equipo y cualquier desarrollador que vaya después de usted al proyecto. No podemos recomendar esto lo suficiente.10. Vs iconos de código
Una parte importante de personalizar el código VS con extensiones es la personalización real. No solo cambios en la funcionalidad. Con los íconos de código VS, el editor se vuelve un poco más colorido y más fácil de navegar. El sistema de archivos está desollado con iconos que representan diferentes tipos de archivos y aparecen en el Explorer, así como en las pestañas del documento. Le hace mucho más fácil trabajar a través de sistemas de archivos complicados y hacer menos dolores de cabeza. Literalmente a veces. Los íconos que son tan fáciles de leer evitan los ojos de los ojos y, por lo tanto, los dolores de cabeza. Entonces, para su salud, instale los iconos del código vs.

11. Etiqueta de cierre automático

Podemos ser nosotros, pero la introducción de las etiquetas de cierre para cualquier idioma se convierte en una tarea así. Solo hay algo en agregar eso / al final que hace que las teclas se sientan un poco discapacitadas. Nunca temas. La etiqueta de cierre automático ha aliviado nuestras vidas. Así que queremos hacerlo más fácil para ti. Es simple y fácil y puede continuar escribiendo entre sí y simplemente presione la tecla para la siguiente línea o al final de eso. Instale esto y deje que sus dedos se separen de la etiqueta manual de cierre de la gimnasia. 12. Colinzacsss es maravilloso. Elegir colores en CSS no lo es. Cuando se trata de códigos hexadecimales y valores de RGBA, a veces es difícil obtener una imagen mental de la paleta que establece para un sitio. Esta extensión lo ayuda a aliviar esto, dando una nota visual para los códigos de color que use en sus archivos. Puede ver los colores que usa dentro del texto en sí como un clímax para que no tenga que cambiar constantemente hacia adelante y hacia atrás desde el color. muestras y selectores, etc. 13. Polacod

Polacode es como una cámara Polaroid para el editor de códigos. Diseñado para hacer que el código sea más limpio y más fácil, esto es algo obligatorio para todos los escritores tutoriales que desean que su código sea correcto.
14. Gitlens

Es difícil explicar completamente lo que Gitlens hace tan bien. Funciona como si Git y VS Code estuvieran diseñados entre sí en mente y, en lugar de trabajar a través de las jerarquías de línea de comandos, obtendrá opiniones y perspectivas que eliminan mucha confusión del trabajo del equipo. Puede ver las cosas a través del cursor, ver cambios y anotaciones recientes, vistas de comparación dentro de VS Code, mapas de calor, historial de líneas y más. Es prácticamente la extensión GIT perfecta y creemos que debe instalarla inmediatamente. Servidor en vivo

¿Alguna vez ha querido lanzar un servidor de desarrollo local de IDE y trabajar en él en tiempo real? Independientemente de cómo haya respondido esta pregunta, querrá probar el servidor en vivo. Porque eso es exactamente lo que puedes hacer con él. Aunque es posible que no eliminen por completo la necesidad de productos como Local by Flywheel y MAMP, ciertamente reducen sus necesidades en muchas situaciones. 16. Embellecer