Microsoft Visual Studio Code (VS Code) es uno de los mejores editores de código para desarrolladores. Desde su lanzamiento, su popularidad ha crecido no solo por la plataforma estable que proporciona, sino también por la naturaleza extensible que Microsoft le ha incorporado. los mercado de expansión es una gran cantidad de complementos y funciones que permiten a los desarrolladores adaptar VS Code al entorno de desarrollo de sus sueños. Queremos desglosar algunas de las mejores extensiones de VS Code disponibles en la actualidad para que no se pierda ninguna.
1. Importador de configuración y mapa de teclas de Sublime Text
En la parte superior de nuestra lista, se titula acertadamente Importador de configuración y mapa de teclas de Sublime Text. En caso de que el título no fuera lo suficientemente descriptivo, esta extensión le permite descargar sus mapas de teclas existentes y la configuración de Sublime Text para que pueda cambiar sin problemas a usar VS Code como predeterminado. Dado que muchas personas aman Sublime y han pasado años en él, hacer que VS Code conserve la memoria muscular obtenida de este editor tiene mucho sentido.
2. Fragmentos de código JavaScript (ES6)
Escribir código JavaScript (o código arbitrario) puede ser una molestia ya que repite el mismo código una y otra vez. es una extensión ayuda a mitigar esto al permitirle básicamente escribir accesos directos a fragmentos de código de uso frecuente. Cuando ejecuta el fragmento de código, simplemente reemplaza el texto y lo inserta directamente en su documento.
3. Colorizador para un par de brackets 2
Independientemente del idioma que codifique, es probable que los paréntesis sean la parte principal. Y mantenerlos rectos puede ser un dolor de cabeza. pero con eso Extensión de código VSpuede colorear los pares coincidentes del código para aliviar este problema y trabajar en el código en sí, no en el editor.
4. ESLint
En muchos sentidos, ESLint es este filtro para JavaScript. Detectar errores y brindar comentarios y advertencias de inmediato es esencial para mantener limpio el código de su equipo, y realmente no hay mejor manera de hacerlo en JS que con ESLint. Lo recomendamos encarecidamente. instalando esto lo antes posible.
5. Gerente de proyecto
El problema con VS Code que surge con bastante frecuencia es cómo cambiar entre diferentes proyectos. Por defecto, el flujo no es el más intuitivo. Asi que Gerente de proyecto resuelve este problema al proporcionar un menú de barra lateral que puede usar para guardar diferentes carpetas y proyectos de Git para cambiar fácilmente entre ellos. No es tanto una mejora del editor como un aumento en la calidad de vida.
6. Vista previa del navegador
Una de las partes más molestas del desarrollo web es cargar y actualizar contenido en diferentes navegadores para realizar pruebas. vista previa del navegador ayuda a reducir la cantidad necesaria para hacer esto al brindarle una vista previa sólida de su trabajo en VS Code en el nuevo proceso de Chrome.
7. Más bonita
Todos queremos un mejor código. Así que supongo que todos deberíamos instalar más bonita arreglarlo para nosotros. La descripción describe a Prettier como «un programa de formateo de código revisado por pares que impone un estilo consistente analizando el código y reimprimiéndolo con sus propias reglas que tienen en cuenta la longitud máxima de línea, ajustando el código según sea necesario». Es posible que no desee usarlo para todos los idiomas o proyectos, por lo que hay muchos ajustes de configuración que puede usar para personalizarlo a su gusto.
8.gitlink
Nos gusta gitlink por su sencillez. Si bien existen muchas extensiones de Git, una de las características de gitlink es que es simple y solo hace una cosa. Y lo hace bien. Simplemente seleccione un fragmento de código y gitlink lo llevará al repositorio en línea para ese fragmento en particular. Rápido es extremadamente útil Ir Su repositorio sin importar dónde esté alojado de forma remota.
9. Mejores comentarios
Comentar el código es uno de los hábitos más importantes que puede tener un programador. Además, al comentar tu código De acuerdo es una habilidad que debe aprenderse en cada clase de informática y en la formación de codificación. Habla, mejores comentarios es una de esas extensiones de VS Code que todos necesitan porque si crees en el nombre, te dejará ir mejores comentarios en tu código. Con accesos directos para distinguir entre preguntas, signos de exclamación, código comentado, consultas, alertas, destacados y TODO, esta extensión no solo hará su vida más fácil, sino también la de su equipo. Y cada desarrollador que viene a buscarte en el proyecto. No podemos recomendarlo lo suficiente.
10. Iconos de código VS
La parte principal de la personalización de VS Code con extensiones es la personalización real. No solo cambia la funcionalidad. DE Iconos de código VSel editor se vuelve un poco más colorido y más fácil de navegar. El sistema de archivos está cubierto con iconos que representan los diferentes tipos de archivos que aparecen en el Explorador, así como en las pestañas de los documentos. Esto hace que trabajar con sistemas de archivos complejos sea mucho más fácil y menos doloroso. Literalmente a veces. Estos iconos fáciles de leer evitan la fatiga visual y, por lo tanto, los dolores de cabeza. Entonces, por su salud, instale Iconos de código VS.
11. Cierre automático de etiquetas
Tal vez seamos nosotros, pero escribir etiquetas de cierre para cualquier idioma se convierte en una tarea ardua. Hay algo acerca de agregarlo / al final que hace que las pulsaciones de teclas sean un poco desagradables. Nunca temas. Cierre automático de etiquetas nos hizo la vida más fácil. Por eso queremos facilitarte el trabajo. Es simple y fácil, puede escribir entre ellos y simplemente presionar las teclas para ir a la siguiente línea o al final de esa línea. Instale esto y dele a sus dedos un descanso de la gimnasia de cerrar manualmente las etiquetas.
12. Colorear
CSS es genial. La selección de color en CSS no lo es. Cuando se trata de códigos hexadecimales y valores RGBA, a veces es difícil imaginar qué paleta ha configurado para su sitio. es una extensión ayuda a mitigar esto proporcionando una nota visual para cualquier código de color utilizado en los archivos. Puede ver los colores que usa en el texto mismo como un resaltado para que no tenga que cambiar constantemente entre muestras y selectores de color, etc.
13. Código de polo
código polaco es como una cámara Polaroid para un editor de código. Diseñado para hacer que las instantáneas de código sean más limpias y fáciles, es imprescindible para cualquier escritor de tutoriales que busque hacer que su código sea relevante.
14. GitLens
Es difícil explicar completamente qué hace que GitLens sea tan bueno. Esto funciona como si Git y VS Code se diseñaran teniendo en cuenta el otro y, en lugar de trabajar a través de jerarquías de línea de comandos, obtiene imágenes e información detallada que elimina gran parte de la confusión del trabajo en equipo de Git. Puede ver cosas al pasar el mouse, ver cambios y anotaciones recientes, vistas de comparación en VS Code, mapas de calor, historial de líneas y mucho más. Es básicamente la extensión perfecta de Git.y creemos que debe instalarlo de inmediato.
15. Servidor en vivo
¿Alguna vez quiso ejecutar un servidor de desarrollo local desde su IDE y trabajar en él en tiempo real? No importa cómo respondiste esa pregunta, querrás darle una oportunidad a Live Server. Porque eso es lo que puedes hacer con él. Si bien es posible que esto no elimine por completo la necesidad de productos como Local by Flywheel y MAMP, ciertamente limita la necesidad de ellos en muchas situaciones.
16. embellecer
Embellecer usos populares js-embellecer para que su JavaScript se vea bien y ordenado. No se preocupe por las líneas discontinuas, los espacios extraños y las sangrías. Simplemente haga clic en un botón y todo el código estará listo para hacer zoom (tal vez con código polaco por adelantado).
Solicitud
Esta lista puede contener miles de elementos. De hecho, probablemente algunos de ustedes tengan cientos de extensiones diferentes instaladas que se pueden activar y desactivar en diferentes momentos. Pero creemos que estas son extensiones de VS Code que puede instalar y luego descubrir qué más desea a medida que profundiza en el mercado.
¿Cuáles son sus extensiones de VS Code? ¡Cuéntanos en los comentarios!
El artículo presentaba una imagen de SVIATLAN SHEIN / shutterstock.com
