Las 20 mejores extensiones de código de Visual Studio para programadores

No importa si es un desarrollador de tiempo completo que trabaja con bases de código masivas de forma regular o un simple programador aficionado, Visual Studio Code puede ser el complemento perfecto en su cinturón de herramientas de desarrollo. Este ha convertido en una de las opciones de editor más populares desde sus inicios hace cuatro años. Entre su gran cantidad de características, lo que hace que Visual Studio Code se distinga de otros editores es su extensibilidad. Existe una cantidad infinita de extensiones de Visual Studio Code que pueden hacer que la programación sea divertida para los principiantes y aumentar la productividad para los desarrolladores más experimentados.

Las mejores extensiones de código de Visual Studio

El número aparentemente infinito de extensiones de vscode disponibles tiende a abrumar a los usuarios bastante rápido. Hablando francamente, puede encontrar casi cualquier tipo de extensión que esté buscando en este editor de código moderno. Por lo tanto, nos hemos tomado la libertad de señalar las 20 mejores extensiones de código de Visual Studio para programación de propósito general. Continúe leyendo para conocer más sobre estas excelentes extensiones en detalle.

1. Remoto – Contenedores

Docker ha popularizado el concepto de contenedores a un nivel completamente nuevo. Permite a los desarrolladores crear programas sin problemas sin tener que preocuparse en absoluto por los sistemas de los usuarios. Los desarrolladores pueden empaquetar todos los archivos necesarios para ejecutar un nuevo programa en un ‘contenedor’ y los usuarios pueden ejecutarlos de manera eficiente en su sistema sin necesidad de instalar ninguna dependencia. La extensión Remote – Containers permite a los desarrolladores utilizar esta idea directamente mientras codifican en VS Code.

Características de Remote – Containers

  • Remoto: Contenedores proporciona una herramienta completa y una pila de tiempo de ejecución bien definida que se puede utilizar para contener fácilmente sus últimos programas.
  • Los usuarios de Linux deben tener Docker Compose 1.21+ instalado en su sistema y agregar su usuario al grupo de docker mediante el uso de usermod -aG docker $ USER .
  • Los contenedores se pueden utilizar como un entorno de desarrollo de tiempo completo o simplemente puede adjuntar programas a un contenedor en ejecución.
  • Puede optar por reenviar los puertos de su contenedor temporalmente o puede dejarlos expuestos permanentemente dentro de su host Linux.

Descargar extensión

2. Intellisence del camino

Path Intellisence es una de esas raras extensiones de vscode que proporciona un impulso de productividad garantizado a su desarrollo. Si eres un desarrollador políglota como yo y trabajas con demasiadas tecnologías diferentes al mismo tiempo, seguramente querrás una herramienta útil que pueda recordar el nombre de tu ruta por ti. Path Intellisence comenzó como una extensión simple para completar automáticamente los nombres de archivo, pero desde entonces se ha demostrado que es un activo imprescindible en la cadena de herramientas de los desarrolladores modernos.

Path-Intellisense en vs extensiones de código

Características de Path Intellisence

  • Las sólidas opciones de configuración de esta extensión de VS Code permiten a los usuarios elegir entre una serie de opciones predefinidas, como si una barra debe preceder a los nombres de directorio o no.
  • Path Intellisence se puede configurar para mostrar rutas absolutas y relativas a sus nombres de archivo.
  • Viene bajo la licencia MIT, que permite el permiso para modificar más la extensión.
  • Path Intellisence también se puede utilizar para completar automáticamente archivos ocultos.

Descargar extensión

3. Python

Python es la opción preferida para una gran parte de los desarrolladores de código abierto debido a numerosas razones, incluida la facilidad de uso y la flexibilidad. Además, los programadores que necesitan manejar aplicaciones basadas en datos a menudo se quedan con Python debido a su y su fácil integración con soluciones comerciales. Si es un programador de Python, habrá ciertas cosas que esperaría de su elección de editor de texto. Afortunadamente para usted, la extensión de código Python VS le permitirá aprovechar el lenguaje sin esfuerzo.

Características de la extensión Python

  • La extensión Python VS Code viene con soporte incorporado para linting, navegación de código, cuaderno Jupyter, explorador de variables, fragmentos y más.
  • Los desarrolladores pueden explotar el depurador robusto cuando encuentran esos errores difíciles de detectar en bases de código típicamente grandes de manera muy efectiva.
  • Ofrece paletas de comandos convenientes para administrar scripts de Python rápidamente y realizar tareas como pruebas, refactorización, etc.
  • Los desarrolladores pueden iniciar y cambiar entre virtualenv, venv, pipenv, conda y pyenv muy rápidamente usando esta extensión.

Descargar extensión

4. Servidor en vivo

Los administradores de sistemas de Linux a menudo necesitarían en en su varias cosas en acción. La extensión Live Server se puede utilizar para configurar un servidor de desarrollo local que permitirá a los programadores probar sin esfuerzo páginas estáticas y dinámicas recién creadas. El botón de puesta en marcha presente en la barra de tareas le permitirá ejecutar su código como un servidor de desarrollo directamente, mientras que también puede configurar la extensión para recargar páginas tan pronto como guarde su trabajo actual.

Extensiones de Visual Studio Code para servidores

Características de Live Server

  • Es una de las mejores extensiones de vscode para desarrolladores web debido a su impacto inmediato en la productividad.
  • La extensión Live Server permite a los desarrolladores web utilizar varias teclas de acceso rápido, lo que mejora la velocidad de desarrollo y prueba en el proceso.
  • Viene con soporte prediseñado para varios navegadores, SVG, CORS, proxy, https y el archivo adjunto de depuración de Chrome.
  • Live Server permite espacios de trabajo de múltiples raíces y admite la conexión remota mediante WLAN.

Descargar extensión

5. Visual Studio Intellicode

Visual Studio Intellicode es una de las extensiones de código de Visual Studio más sorprendentes que pueda usar. Está diseñado para ayudar a los desarrolladores y programadores con sugerencias de finalización de código inteligente y tiene soporte prediseñado para una . Visual Studio Intellicode emplea varias técnicas de aprendizaje automático para observar y encontrar patrones utilizados en numerosos proyectos de código abierto de GitHub y los sugiere mientras codifica dentro del editor.

Características de Visual Studio Intellicode

  • Visual Studio Intellicode viene con soporte predeterminado para Python, TypeScript / JavaScript, React y Java.
  • Las predicciones proporcionadas por la extensión Intellicode aparecen en una nueva sección de la lista de sugerencias con el prefijo de un icono de estrella.
  • Proporciona sugerencias de finalización eficientes en función del contexto, consejos sobre herramientas y ayuda para firmas en lugar de sugerencias preestablecidas comunes.
  • Los usuarios de Java deben instalar un mínimo de Java 8 Update 151 para poder utilizar esta extensión en sus proyectos.

Descargar extensión

6. Configuración de sincronización

Los desarrolladores modernos a menudo necesitan trabajar en varios sistemas para diferentes proyectos. Puede utilizar su estación de trabajo personal para proyectos individuales, mientras que el trabajo de oficina puede requerir algunos sistemas completamente diferentes. De todos modos, puede requerir un esfuerzo considerable concentrarse en proyectos en lugar de en configuraciones IDE, y esto da como resultado una severa disminución de la productividad. Afortunadamente para usted, la extensión Settings Sync está aquí para administrar sus configuraciones de desarrollo de manera conveniente y sin problemas en todas sus estaciones de trabajo.

Características de la sincronización de configuración

  • Permite a los desarrolladores utilizar su token de cuenta de GitHub y Gist para administrar sus preferencias de desarrollo rápidamente.
  • Esta extensión permite a los desarrolladores sincronizar su configuración, fragmentos, temas, iconos, teclas de acceso rápido, espacios de trabajo e incluso sus extensiones.
  • Settings Sync descarga la última configuración automáticamente al inicio y también la carga automáticamente en caso de cambios en la configuración.
  • Proporciona a los desarrolladores información útil sobre sus configuraciones IDE y extensiones utilizadas.

Descargar extensión

7. Depurador para Chrome

Debugger para Chrome se encuentra posiblemente entre las mejores extensiones de código de Visual Studio para desarrolladores de JavaScript. Proporciona un conjunto de funciones sólidas que tienen como objetivo mejorar significativamente su flujo de trabajo diario. Esta extensión moderna permite a los desarrolladores de aplicaciones para el usuario y servicios de fondo depurar sus códigos directamente en el editor de código y ayuda a encontrar esos errores difíciles de detectar muy rápidamente. Es una extensión oficial de VS Code de Microsoft y se mantiene con regularidad.

Extensión del depurador de Chrome para código

Características del depurador para Chrome

  • Debugger para Chrome permite a los desarrolladores establecer puntos de interrupción en sus códigos fuente de JavaScript cuando los mapas están habilitados.
  • La consola es muy robusta y reúne todas las funciones necesarias de manera inteligente para un flujo de trabajo productivo.
  • Los desarrolladores pueden usar esta extensión de VS Code para depurar scripts de evaluación, etiquetas de script o incluso scripts que se agregan dinámicamente.
  • La función de relojes permite a los desarrolladores monitorear los cambios en los parámetros especificados por el usuario de una manera mucho más fácil que muchas extensiones de Visual Studio Code.

Descargar extensión

8. Más bonita

Prettier es una de las mejores extensiones de código VS para los diseñadores web modernos que necesitan seguir un conjunto de reglas bien establecidas al diseñar sus páginas. Es una extensión atractiva que les permite utilizar el popular paquete Prettier . Es un formateador de código robusto que permite a los diseñadores formatear sus códigos de una manera estructurada. Prettier funciona junto con JavaScript, TypeScript, HTML, CSS, Markdown, GraphQL y otras herramientas modernas y permite la creación de aplicaciones de vanguardia sin esfuerzo.

Características de Prettier

  • Prettier facilita el formateo de su código en función de un conjunto predefinido de reglas y las estructura de manera muy eficiente.
  • Permite utilizar paletas de comandos robustas para ejecutar y realizar varias tareas de formateo.
  • Puede volver a vincular fácilmente editor.action.formatDocument y editor.action.formatSelection para configurar las asociaciones de teclas personales.
  • Prettier viene con integración incorporada para Visual Studio Code ESLint y TSLint.

Descargar extensión

9. Colorante de pares de soportes

La extensión Bracket Pair Colorizer es una de las extensiones de Visual Studio Code más productivas para programadores frecuentes. Si eres como yo y a menudo te encuentras navegando falsamente a través de esas confusas llaves al inspeccionar ramas de código; este es imprescindible para ti. Permite al editor identificar corchetes coincidentes con colores que puede definir y configurar. Por lo tanto, le permite conocer la profundidad de una rama de código con solo mirar el color del corchete respectivo.

Características del colorizador de pares de soportes

  • Bracket Pair Colorizer permite un control total sobre qué caracteres coincidir y qué colores usar según las preferencias del desarrollador.
  • Coincide con (), [] y {} automáticamente, y permite al programador definir y emparejar corchetes personalizados.
  • Los programadores pueden elegir una lista de colores al configurar sus corchetes y pueden optar por un color específico para corchetes huérfanos.
  • Permite a los desarrolladores definir teclas de acceso rápido personalizadas para expandir y deshacer las selecciones del cursor al siguiente alcance.

Descargar extensión

10. Quokka

Quokka.js es un robusto y que trabajan extensamente en el código VS para sus proyectos. Es una de las extensiones de vscode más ligeras pero productivas que puede utilizar para impulsar su flujo de trabajo. Quokka verifica su código JavaScript en tiempo real y proporciona información instantánea sobre qué bloques ya se han ejecutado y cuáles no. Si está buscando una extensión JS para ahorrar el tiempo que pasa detrás de las verificaciones de código, Quokka es la solución para usted.

Extensión Quokka JS para VS Code

Características de Quokka

  • Quokka utiliza un tipo de color fijo para cada resultado, lo que permite a los desarrolladores comprender su flujo de ejecución de manera muy eficaz.
  • La extensión en sí es realmente simple y no requiere que el desarrollador configure ninguna configuración personalizada.
  • La documentación suficiente de Quokka hace que sea realmente fácil comenzar con la extensión en casi un momento.

Descargar extensión

11. Live Share

Live Share es una extensión innovadora destinada a aumentar su flujo de trabajo al más alto nivel. Permite a los desarrolladores compartir sus fragmentos de código con otros colaboradores en tiempo real directamente desde la comodidad de su editor de código favorito. La extensión Live Share es una de otras extensiones de estudio visual que desarrollará Microsoft y hace que las colaboraciones en equipo sean mucho más productivas. Además, viene con soporte prediseñado para la mayoría de los principales lenguajes, incluidos C, Java, ASP.NET, JavaScript, Go, Kotlin y más.

Características de Live Share

  • Permite el intercambio instantáneo de proyectos actuales junto con sesiones de depuración, instancias de terminal, aplicaciones web que usan localhost y muchos más.
  • Los desarrolladores pueden optar por conservar sus preferencias personales (temas, teclas de acceso rápido) para sí mismos mientras comparten sus proyectos con otros.
  • Los colaboradores no necesitan instalar repositorios ni SDK para trabajar en su código actual.
  • Permite a los desarrolladores unirse a sus propias sesiones de colaboración para probar cosas nuevas de forma remota.

Descargar extensión

12. Extensión de GitHub

La por Microsoft conmovió a todo el mundo del código abierto y, contrariamente a la creencia popular, Microsoft lo ha hecho mucho mejor de lo que muchos creen. GitHub ahora ofrece más integraciones con herramientas populares y la Extensión de GitHub para Visual Studio Code es solo el ejemplo perfecto de esto. Permite a los desarrolladores de terceros conectarse y colaborar en proyectos mucho más rápido y hace que lograr flujos de trabajo complejos sea un juego de niños. Es imprescindible si eres un aficionado al código abierto como yo.

githubCaracterísticas de la extensión de GitHub

  • Es muy fácil conectarse con sus repositorios favoritos y puede abrir la página de GitHub de su proyecto actual directamente en el navegador.
  • Esta extensión permite a los desarrolladores clonar, crear o publicar repositorios muy rápidamente sin tener que salir del editor.
  • Tiene soporte incorporado para configuración de múltiples carpetas, GitHub Enterprise, combinación de solicitudes de extracción y muchos más.
  • También permite a los usuarios ver e inspeccionar sus solicitudes de extracción, proyectos de bifurcación, crear Gists y muchos más.

Descargar extensión

13. Markdown todo en uno

Markdown All in One es una extensión de moda para usando VS Code. Es una extensión completa que viene con soporte predeterminado para funciones como vista previa en vivo y resaltado de sintaxis. El sabor proporcionado por esta extensión se sentirá bastante similar al Markdown de GitHub. Esto debería hacerlo atractivo para los desarrolladores de código abierto, ya que ahora pueden incluso escribir sus documentaciones utilizando Visual Studio Code. La extensión en sí es altamente personalizable y autodocumentada.

Markdown todo en unoCaracterísticas de Markdown All in One

  • Es conocido por ofrecer una velocidad de primer nivel y un rendimiento superior entre los entusiastas del código abierto.
  • El soporte de resaltado de sintaxis es muy competente y se puede configurar rápidamente.
  • Esta extensión de VS Code se puede usar para seleccionar porciones de textos y agregar hipervínculos convenientemente.
  • Markdown All in One tiene atajos de teclado extremadamente versátiles junto con un robusto autocompletado.

Descargar extensión

14. Docker

La extensión de Docker para VS Code es imprescindible tanto para profesionales como para entusiastas del código abierto. Ofrece una amplia gama de funciones convenientes que incluyen resaltado de sintaxis, comandos, linting, Dockerfile y muchos más.

Esta extensión hace que sea realmente fácil construir e implementar sus aplicaciones en contenedores directamente desde su editor de fuentes favorito. La extensión está desarrollada por Microsoft y ofrece una experiencia de usuario fluida sin obstaculizar la productividad.

EstibadorCaracterísticas de Docker

  • Simplemente puede presionar F1 para generar los archivos Dockerfile, docker-compose.yml y .dockerignore automáticamente.
  • Viene con soporte IntelliSense prediseñado para finalizaciones automáticas inteligentes.
  • La extensión Docker le permite cargar imágenes directamente desde los registros al Servicio de aplicaciones de Azure.
  • La paleta de comandos predeterminada de esta extensión contiene un conjunto masivo de comandos de uso generalizado.

Descargar extensión

15. Arduino para Visual Studio Code

La placa Arduino es una pequeña y poderosa pieza electrónica que se puede utilizar para crear . Por lo general, los desarrolladores necesitan instalar el software Arduino IDE para escribir sus códigos e implementarlos en la placa.

Pero, la extensión Arduino Visual Studio Code le permite hacer lo mismo y mucho más directamente desde su editor de texto favorito de Linux. Aunque la extensión no es gratuita, hará que el pago valga la pena para la mayoría de los desarrolladores.

Características de Arduino para Visual Studio

  • Proporciona una alternativa Arduino IDE totalmente compatible, con herramientas para editar, compilar, implementar y depurar.
  • Arduino IDE para Visual Studio viene con soporte prediseñado para todos los clones comunes de Arduino, incluidos AVR, SAMD, ESP, STM32, Intel y Ti.
  • Viene con un monitor en serie integrado, una placa y un administrador de biblioteca, y es compatible con IntelliSense.
  • Esta extensión sale con la misma configuración que el IDE de Arduino.

Descargar extensión

16. Abrir en el navegador

Esta extensión hace exactamente lo que sugiere el nombre. Es una de las mejores extensiones de vscode para desarrolladores web, ya que les permite ver sus páginas web o aplicaciones de manera muy conveniente.

De forma predeterminada, las páginas se muestran en el navegador web predeterminado configurado en su PC. Sin embargo, puede modificar la configuración para cambiar esto a cualquier otro bastante facilidad. La combinación de teclas Alt + B abre el archivo actual en el navegador predeterminado, mientras que Shift + Alt + B se abre en el navegador especificado.

Características de abrir en el navegador

  • La extensión está escrita con TypeScript y utiliza un paquete npm extremadamente liviano llamado opn .
  • Permite a los desarrolladores abrir cualquier tipo de archivo con el que estén tratando, no solo HTML básico.
  • A partir de ahora, es compatible con Google Chrome, Firefox, Firefox Developer Edition, Edge, Chromium e Internet Explorer.

Descargar extensión

17. Fragmentos de código de JavaScript (ES6)

Si es un desarrollador web moderno, debe trabajar con varias pilas de JavaScript. No importa cuáles sean sus opciones de marcos, escribir los mismos códigos genéricos en diferentes proyectos debería disminuir su flujo de trabajo.

Los fragmentos de código JavaScript (ES6) son una pequeña extensión de biblioteca útil que proporciona algunos fragmentos de códigos JavaScript muy útiles para el desarrollador inactivo. Simplemente une las llamadas de JavaScript estándar en teclas de acceso rápido simples. Sin embargo, puede aumentar mucho su productividad actual.

Características del paquete de fragmentos de JavaScript

  • Viene con soporte prediseñado para JavaScript, TypeScript, Vue, React y HTML.
  • Los desarrolladores pueden agregar o importar sus propias colecciones de fragmentos de código dentro de esta extensión muy rápidamente.

Descargar extensión

18. Corrector ortográfico de código

Code Spell Checker es una gran extensión que facilita el mantenimiento de bases de código profesionales. Es imprescindible eliminar los errores ortográficos tanto como sea posible si está trabajando en productos de alta calidad. Tener esta extensión instalada significa que nunca tendrá que preocuparse por alterar la ortografía en sus comentarios, cadenas y texto sin formato mientras escribe. 

Corrector ortográfico de códigoCaracterísticas del corrector ortográfico de código

  • Muestra posibles errores ortográficos dentro de sus comentarios, cadenas y texto sin formato, ya sea en tiempo real o mediante una ventana de herramientas interactivas.
  • Es fácil habilitar o deshabilitar la revisión ortográfica mientras escribe e ignora palabras con parámetros específicos.
  • Code Spell Checker se puede configurar en muchos niveles y permite la herencia / anulación de las opciones de configuración.
  • Los usuarios pueden agregar diccionarios personalizados para su propio idioma muy rápidamente en esta extensión.

Descargar extensión

19. Taller de LaTex

La extensión LaTeX Workshop para VS Code es una forma inteligente de mejorar la eficiencia de la composición tipográfica con vista previa, compilación, autocompletar, colorear y más. LaTex se usa ampliamente para presentaciones académicas y comerciales. Si está buscando una forma integral de aprovechar LaTex para sus proyectos habituales, LaTeX Workshop será una solución inteligente para usted. También puede usar esto para la creación rápida de archivos PDF directamente desde su editor de fuentes favorito.

Taller de LaTexCaracterísticas del taller LaTex

  • Su sólida función SyncTeX permite a los usuarios saltar directamente entre archivos .tex y sus PDF y viceversa.
  • LaTex Workshop puede crear archivos PDF automáticamente después de cada compilación exitosa de LaTex.
  • Funciona muy bien con IntelliSense y admite la finalización de varias claves de bibliografía.
  • Viene con una biblioteca de fragmentos eficiente que contiene muchos comandos LaTex de uso diario.

Descargar extensión

20. GitLens

GitLens es una extensión de código abierto impresionante para Visual Studio Code que hará que la contribución a proyectos de terceros sea más fácil que nunca. Permite a los usuarios tomar el control total de las capacidades de Git integradas en Code y tiene como objetivo aumentar la productividad al máximo. Gracias a características como las anotaciones de culpa de Git y la lente de código, comprender una nueva base de código tomará la menor cantidad de su valioso tiempo.

gitlensCaracterísticas de GitLens

  • La función de anotación de culpa de línea actual ofrece una forma sólida de recordar la autoría del código.
  • Las vistas de la barra lateral ofrecen información valiosa sobre los proyectos y hacen que la visualización, la navegación y la exploración de nuevos repositorios sean más divertidas.
  • GitLens permite a los usuarios buscar y descubrir historiales de confirmaciones basados ​​en mensajes, autores, archivos, identificación y muchos más.
  • Los usuarios pueden alternar rápidamente entre varios conjuntos de configuraciones utilizando modos personalizados.

Descargar extensión

Pensamientos finales

La abundancia de extensiones de Visual Studio Code robustas, atractivas y útiles disponibles hace que sea difícil para muchos elegir cuáles instalar. Sugerimos a los usuarios que no instalen una extensión solo porque está allí. En su lugar, debe dejar que sus proyectos determinen qué herramientas requieren. Hemos descrito las 20 mejores extensiones genéricas de vscode que pueden ser de ayuda para cualquier persona. Estas selecciones se han basado en la popularidad entre los desarrolladores y sus funcionalidades por igual. Con suerte, pudimos brindarle toda la información necesaria que estaba buscando. Continúe visitándonos para obtener más guías sobre interesantes consejos de programación de Linux.

Leave a Comment

Your email address will not be published.