Enlace Patrocinado

10 extensiones principales para Visual Code en 2020

Enlace Patrocinado


Visual Studio by Microsoft es uno de los principales entornos de desarrollo integrado (IDE). Permite a los desarrolladores integrar su conjunto de desarrollo existente con otras aplicaciones, agregando muchas características en el proceso para aumentar su productividad. Como parte de los esfuerzos de Microsoft para abrir su código, Visual Studio está disponible como software gratuito y de código abierto.

Una razón detrás de la popularidad de Visual Studio es su extensibilidad con la ayuda de complementos y extensiones. Estos complementos mejoran la funcionalidad central del IDE y le permiten hacer que su proceso de desarrollo sea más eficiente y conveniente.

Te puede interesar✔ Inscripciones del 1 al 30 de Enero
Si está leyendo esto, significa que siempre está buscando herramientas que hagan que la codificación sea más eficiente y divertida. Una herramienta increíble que hace precisamente eso es Bit ( Github ).


Bit facilita compartir y reutilizar componentes entre proyectos para que usted y su equipo entreguen más rápido y creen aplicaciones que se escalen. Gestiona sus componentes reutilizables, desde el entorno local, hasta su colección de componentes compartidos en el centro de componentes de Bit .

Ejemplo: navegar a través de componentes React compartidos en Bit.dev


1. Costo de importación


En el proceso de desarrollo, a menudo puede encontrarse agregando dependencias a su proyecto. Si bien el desarrollo modular es una parte crucial del desarrollo de software hoy en día, es una buena idea asegurarse de que sea prudente con sus importaciones. El complemento Costo de importación para JavaScript y TypeScript le permite desconfiar de cualquier dependencia en tiempo real.

Fuente

El costo de importación muestra el tamaño de una dependencia en línea cuando la agrega a su código. Es un complemento liviano que proporciona previsión y ayuda en la gestión eficiente de la dependencia. La documentación enumera varias sintaxis de importación para las cuales este complemento muestra el tamaño de las dependencias.
Aquí hay una publicación que detalla la motivación detrás de este complemento por parte del creador original.


2. Utilidades de archivo


Si bien la funcionalidad principal de Visual Studio funciona bien al codificar un archivo, puede sentir la necesidad de mejorar las capacidades para administrar múltiples archivos en su proyecto y sus dependencias. La extensión File Utils le permite realizar operaciones de archivo a través de la paleta de comandos.

Fuente

Puede abrir la paleta de comandos y seleccionar un archivo para realizar operaciones de archivo simples en él. Puede duplicar (copiar), mover, eliminar y cambiar el nombre de un archivo, además de las operaciones básicas relacionadas con una carpeta. Es un complemento útil que le permite administrar sus archivos de proyecto sin salir de los límites del estudio visual.

3. Gerente de proyecto

Si bien la extensión File Utils le permite realizar operaciones de archivo simples, el complemento Project Manager le permite ir más allá en la administración de múltiples proyectos. Primero agrega una nueva barra lateral para permitir trabajar con múltiples proyectos. Esta extensión también te ayuda a administrar tus repositorios Git, SVN o Mercurial. Además nos permite gestionar repositorios remotos también.

Fuente

Además de las características basadas en GUI, esta extensión también agrega comandos para trabajar con proyectos. Puede ajustar la configuración para personalizar aún más sus características a su gusto.

Fuente

Con características avanzadas como la gestión remota de repositorios y comandos interactivos, la extensión Project Manager proporciona un arsenal importante en su herramienta para mejorar su ciclo de desarrollo.

4. SVG Viewer


SVG significa gráficos vectoriales escalables, y los archivos SVG son archivos de texto que almacenan imágenes vectoriales para la web. Si abre un archivo SVG en un editor de texto, generalmente muestra el contenido textual de estos archivos. Si está trabajando en la edición de estos archivos directamente, es posible que desee ver cómo Visual Studio procesa dichos archivos.

Fuente

El complemento SVG Viewer le permite visualizar archivos SVG, lo que le ahorra tiempo para usar una aplicación diferente para revisar su trabajo. Básicamente, ahorra tiempo cuando está trabajando en realizar ediciones rápidas en archivos SVG.

5. Corrector ortográfico de código


La mayoría de los errores que los desarrolladores obtienen a menudo se resuelven corrigiendo errores ortográficos en nombres de variables, funciones y paquetes. Además, también puede cometer errores ortográficos al escribir un comentario, descripción o documentación. Este paquete ayuda a resaltar errores en su archivo. Este paquete ayuda a revisar su ortografía en una variedad de lenguajes de programación populares. También puede ajustar una configuración para que el paquete del corrector ortográfico de código funcione con tipos de archivo específicos.

Fuente

Si bien tiene soporte para inglés (EE. UU.) E inglés (GB) cuando lo instala, los diccionarios adicionales están disponibles para ocho idiomas y términos médicos. Es una adición pequeña pero robusta a su arsenal de las mejores extensiones de Visual Studio.


6. Remoto – SSH

Debido a la naturaleza distribuida del desarrollo, es posible que deba iniciar sesión en un servidor remoto para actualizar y probar su código. Si bien puede ser administrado fácilmente por un cliente SSH de terceros, existe una extensión de Visual Studio que le permite trabajar de forma remota en servidores sin tener que abandonar la aplicación por completo.

Fuente

El complemento Remote – SSH de Microsoft le permite conectarse a un entorno de desarrollo remoto, lo que elimina la necesidad de tener cualquier código en su sistema local por completo. También le permite cambiar entre múltiples entornos remotos, permitiéndole realizar múltiples tareas entre sistemas remotos. Además, este complemento tiene soporte para conectarse a sistemas remotos basados ​​en Linux, Windows o macOS. El desarrollo en servidores remotos es crítico hoy en día, por lo que el complemento Remote – SSH es una extensión de Visual Studio absolutamente necesaria.


7. Visualizador de espacios en blanco al final


Una buena práctica de programación es asegurarse de que su código no contenga ningún espacio en blanco al final. Los espacios en blanco finales consisten en cualquier espacio o tabulación (que es esencialmente invisible) después del último carácter que no sea un espacio en blanco en cualquier línea de código antes del nuevo carácter de línea. El complemento Trailing Whitespace Visualizer resalta dichos espacios en blanco en su código.

Fuente

Los espacios en blanco finales son adiciones totalmente innecesarias a su código y aumentan el tamaño de su archivo, por lo que es una buena idea eliminarlos. Este complemento ayuda a resaltarlos no solo en su código, sino también cuando está trabajando con código escrito por otros miembros del equipo
.

8. Depurador para Chrome


Cuando trabaja con código JavaScript frontend, una forma normal de probar si su código funciona es evaluarlo en un navegador. Las herramientas de desarrollo de Chrome proporcionan una forma útil de depurar JavaScript a través de la consola. El plugin Debugger for Chrome integra Visual Studio a Chrome o un navegador basado en Chromium que admite el Protocolo de herramientas de desarrollo de Chrome .

Fuente

Hay muchas funciones de depuración que le permiten identificar errores en su código, sin tener que abandonar su IDE. En resumen, la extensión Debugger for Chrome lleva a un proceso que ahorra tiempo en un proceso de depuración de uso común.

9. ESLint


ESLint es un analizador de código JavaScript estático. Escanea su código y encuentra errores sintácticos y prácticas de programación ineficientes. La extensión ESlint Visual Studio integra ESLint con su IDE de Visual Studio para analizar su código JavaScript bajo demanda. Sin embargo, requiere que ESLint se instale local o globalmente en su sistema.

Fuente

10. Servidor en vivo

La extensión Live Server para Visual Studio le permite ejecutar un servidor de desarrollo local para probar su código. Tiene una función de recarga en vivo para páginas web estáticas y dinámicas.

Fuente

La extensión le permite personalizar funciones avanzadas como el número de puerto, la raíz del servidor y el navegador predeterminado. Está habilitado para CORS y es compatible con HTTPS y proxies.


Reflexiones finales sobre las mejores extensiones de Visual Studio

En esta publicación, hemos cubierto diez de las mejores extensiones de Visual Studio en 2020. El objetivo de cada extensión es introducir eficiencia en su flujo de trabajo de codificación ahorrando tiempo. Esperamos que esta lista le sea útil al hacer que el ciclo de desarrollo sea ágil y bien organizado.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *