VS Code Cómo instalar extensiones

Visual Studio Code es un software sofisticado que la mayoría de la gente usa para comenzar su viaje de programación. Sus características robustas, compatibilidad cruzada, la variedad de lenguajes de programación la convierten en una de las herramientas de programación más utilizadas en el mundo.

Si bien VS Code tiene una amplia gama de características para empezar, su funcionalidad se puede mejorar aún más mediante el uso de extensiones, que pueden agregar lenguajes adicionales, compiladores y otras herramientas que mejoran el flujo de trabajo de un programador.

En este artículo, le mostraremos cómo instalar extensiones en VS Code, y también discutiremos algunas de las extensiones más útiles y populares.

Cómo instalar extensiones en VS Code

VS Code tiene un mercado de extensiones integrado que se utiliza para buscar, instalar y / o administrar sus extensiones. A continuación, se explica cómo instalar una extensión a través de VS Code Marketplace:

  1. Haga clic en el botón "Extensiones" en la barra de actividad. Está ubicado en el costado del cliente de VS Code. Alternativamente, puede utilizar el método abreviado de teclado "Ctrl + Shift + X" para abrir la pantalla "Extensiones".

  2. Esto lo llevará a la lista "Extensiones". VS Code clasifica automáticamente las extensiones por popularidad. También puede utilizar el cuadro de búsqueda en la parte superior de la página para filtrar sus resultados.

  3. Cada extensión de la lista tendrá una breve descripción, el recuento de descargas (la cantidad de veces que se ha descargado), el nombre del editor y una calificación de cero a cinco estrellas.

  4. Puede hacer clic en cada extensión de la lista para ver más detalles antes de comprometerse con una descarga. Los detalles incluyen un registro de cambios, preguntas frecuentes y una lista de contribuciones y dependencias que la extensión proporciona y requiere de VS Code, respectivamente.

  5. Si está utilizando un proxy para acceder a Internet, deberá configurar VS Code para usar un servidor proxy y conectarse a Internet y descargar extensiones.
  6. Una vez que haya encontrado una extensión que le gustaría instalar, haga clic en sus detalles.

  7. Verá un botón "Instalar" debajo del nombre de la extensión.

  8. Haga clic en el botón "Instalar" y la extensión se descargará e instalará automáticamente en su dispositivo.

  9. El botón "Instalar" ahora cambiará a un botón "Administrar" que parece un engranaje.

Las extensiones son una excelente manera de personalizar y mejorar las capacidades de VS Code para satisfacer sus necesidades personales o profesionales. Una computadora que está conectada a Internet sin un servidor proxy generalmente no tendrá problemas para descargar e instalar extensiones automáticamente a través del mercado integrado.

Tenga en cuenta que algunas extensiones pueden requerir la instalación previa de otras extensiones para funcionar. Puede encontrar una lista completa de las dependencias de una extensión en su página de detalles.

Existen otros métodos que pueden ayudar a los usuarios a obtener extensiones de VS Code y no requieren una conexión a Internet.

Cómo descargar extensiones para VS Code

Si necesita una extensión de código VS para un dispositivo que no está conectado a Internet, existe una solución para acceder a las extensiones, sin embargo, necesitará un segundo dispositivo con acceso a Internet. Esto es lo que debe hacer:

  1. En el dispositivo con una conexión a Internet activa, abra el navegador de su elección y vaya a la URL de VS Code Marketplace.

  2. Utilice la función de búsqueda para especificar sus preferencias. Alternativamente, el mercado enumera directamente los artículos más populares y útiles.

  3. Haga clic en la extensión que le interese. Esto abrirá una página que muestra más detalles sobre la extensión, incluida una breve descripción, el nombre del editor, pestañas que muestran algunas preguntas frecuentes y un registro de cambios de versión completo.

  4. Haga clic en el botón "Descargar extensión" en el lado derecho de la página. No haga clic en el botón "Instalar" en la parte superior, ya que comenzará a instalar la extensión en el dispositivo actual.

  5. La descarga producirá un archivo .VSIX que se puede transferir a la máquina que lo necesite.

Descargar una extensión de esta manera no la instala. El archivo .VSIX no es legible por ningún programa que no sea el que se usa para instalar la extensión VS Code. Si abre el archivo .VSIX manualmente, es posible que reciba errores.

Cómo instalar extensiones sin conexión para VS Code

Si bien la mayoría de las computadoras en estos días están conectadas a Internet, algunos dispositivos no tienen esa conexión por razones de seguridad o por necesidades profesionales específicas. Afortunadamente, la máquina no tiene que estar conectada a Internet para instalar una extensión. Sin embargo, aún necesita una forma de descargar la extensión.

Siga los pasos descritos en la sección anterior de este artículo para descargar la extensión en un dispositivo conectado diferente y luego copie el archivo .VSIX generado. Por razones obvias, utilice un medio de transferencia que no dependa de una conexión a Internet, como una unidad USB o un disco duro externo o SSD.

Tenga en cuenta que si la extensión tiene dependencias, deberá descargarlas también e instalarlas primero.

Una vez que la extensión se transfiera a la máquina en la que desea instalarla, siga estos pasos:

  1. La primera opción para instalar la nueva extensión debería ser abrir el archivo .VSIX de la extensión. Si VS Code está instalado en el dispositivo, las versiones anteriores del software podrán instalar la extensión manualmente desde aquí. Siga las instrucciones de instalación para integrar la extensión en VS Code con éxito. Si la extensión está instalada, puede ignorar los otros pasos.
  2. Si el método anterior no funciona, existe una solución. Sigue estos pasos.
    1. Abra VS Code.

    2. Abra la barra lateral "Extensiones" (puede usar "Ctrl + Shift + X").

    3. Haga clic en el icono de puntos suspensivos en la esquina superior derecha del menú.

    4. Seleccione "Instalar desde VSIX ..."

    5. VS Code abrirá un navegador de documentos. Busque el archivo .VSIX que transfirió y selecciónelo.

    6. VS Code ahora comenzará el proceso de instalación de la extensión.
    7. Una vez instalada la extensión, podrá verla en el menú "Extensiones" y administrarla en consecuencia.

Cómo instalar una extensión en VS Code con símbolo del sistema

Para los más conocedores de la tecnología, VS Code tiene una integración de símbolo del sistema que permite que la mayoría de sus funciones se repliquen con líneas de comando.

A continuación, se explica cómo abrir el símbolo del sistema en VS Code:

  1. Utilice el método abreviado de teclado “Ctrl +` ”(tilde invertido).

  2. Vaya a "Ver" y luego seleccione "Terminal" en el menú.

  3. Use la paleta de comandos ("Ctrl + Shift + P") y luego use "Ver: Alternar terminal integrado".

Cuando se abre el símbolo del sistema, use el siguiente comando para instalar nuevas extensiones:

"–Instalar-extensión"

Debe proporcionar el nombre completo de la extensión, reemplazando el argumento "", que generalmente tiene el formato "publisher.extension". El nombre completo de la extensión también se puede encontrar en la URL de la extensión en VS Code Marketplace, después del argumento "itemName =".

Cómo instalar extensiones en VS Code para todos los usuarios

Suponga que la máquina que está ejecutando VS Code es utilizada por diferentes personas que usan perfiles separados para acceder a ella. En ese caso, no todos obtendrán la extensión instalada cuando el proceso se realice automáticamente. El mercado integrado de VS Code solo instalará la extensión en la instancia del programa del usuario actual. Luego, la instalación deberá repetirse para cada usuario que necesite la extensión.

Sin embargo, existe una solución alternativa que instalará la extensión para todos los usuarios de la máquina. Esto es lo que debe hacer:

  1. Utilice el mercado en línea de VS Code para descargar el archivo .VSIX de la extensión, como se describe en la sección "Cómo descargar extensiones para VS Code" más arriba.
  2. Busque la aplicación denominada "VSIXInstaller.exe".

  3. Utilice el parámetro "/ admin" cuando llame al instalador para instalar la extensión para todos los usuarios. Por ejemplo: “VSIXInstaller.exe / admin file_path.vsix”. Puede usar el símbolo del sistema de VS Code para intentar acelerar este proceso.

Algunas extensiones vienen con sus instaladores adjuntos, lo que le permitirá instalarlas para todos los usuarios si se marcan las verificaciones correctas durante la instalación.

Si los métodos anteriores no funcionan, la única solución es utilizar manualmente el método de instalación .VSIX descrito en los segmentos "Fuera de línea" o "Símbolo del sistema".

Cómo administrar extensiones en VS Code

La administración de extensiones le permite aprovechar al máximo su plataforma VS Code. Cada extensión se puede habilitar, deshabilitar o desinstalar directamente desde el menú "Extensiones":

  1. Abra el menú "Extensiones".

  2. Las extensiones enumeradas suelen estar en el orden habilitado> deshabilitado> recomendado.

  3. Si desea administrar una extensión, presione el icono de engranaje en el lado derecho de su entrada en la lista, luego seleccione las opciones de administración deseadas de la lista desplegable.

Alternativamente, puede ver y administrar extensiones desde el símbolo del sistema. Si prefiere utilizar el símbolo del sistema para administrar sus extensiones, estas son algunas de sus funcionalidades adicionales:

  1. “–Uninstall-extension” desinstala la extensión. Use el nombre completo de la extensión en el argumento “”, similar a cuando lo instaló.
  2. “–List-extensions” enumerará todas las extensiones instaladas en el dispositivo.
  3. “–Show-versions” se puede usar junto con el comando list para mostrar las versiones de las extensiones que están instaladas. Esto puede resultar útil para determinar si es necesario actualizar algunas extensiones.
  4. “–Disable-extensions” inhabilitará todas las extensiones. VS Code aún los incluirá como "Deshabilitados" en el menú "Extensiones", pero la extensión no estará activa.
  5. "–Enable -prop-api" habilita las funciones de API propuestas por la extensión. Debe proporcionar el nombre completo de la extensión para el argumento "".

El símbolo del sistema tiene muchos usos fuera de la administración de extensiones, que pueden cubrirse en una ocasión diferente.

Cómo desinstalar una extensión de VS Code

En el transcurso de su vida de programación, es posible que haya extensiones adicionales que no necesite, o se encontrará con algunas que tienen más capacidades y harán que otras sean redundantes. A continuación, se explica cómo desinstalar extensiones:

  1. Abra VS Code.

  2. Abra el menú "Extensiones".

  3. Seleccione el icono de engranaje junto a la extensión que desea eliminar.

  4. Seleccione la opción "Desinstalar" para eliminar la extensión de su dispositivo. Esto le pedirá que vuelva a cargar VS Code.

  5. Alternativamente, use el comando "–uninstall-extension" en la terminal de VS Code. Proporcione el nombre completo de la extensión (publisher.extension) para el argumento "".

Como alternativa a desinstalar una extensión, puede usar la opción "Desactivar" para mantener la extensión instalada pero evitar que realice cambios en sus proyectos de VS Code. Las extensiones se pueden volver a habilitar en una fecha posterior usando el botón "Habilitar".

Cómo actualizar una extensión manualmente en VS Code

De forma predeterminada, VS Code actualiza automáticamente todas las extensiones instaladas cada vez que hay una nueva versión disponible en el mercado. Sin embargo, para máquinas sin acceso a Internet o con actualizaciones automáticas deshabilitadas, existe una forma de actualizar una extensión manualmente. Esto es lo que debe hacer:

  1. Si la máquina tiene acceso a Internet, utilice el filtro "@outdated" en la barra de búsqueda "Extensiones". Esto mostrará una lista de las extensiones que requieren una actualización. Haga clic en el botón "Actualizar" en los detalles de la extensión para actualizarla y forzar la recarga de VS Code. Alternativamente, use el comando "Actualizar todas las extensiones" para actualizar todas las extensiones desactualizadas. Si tiene la verificación automática deshabilitada, debe usar el comando "Buscar actualizaciones de extensión" en el menú.
  2. Si la máquina no tiene acceso a Internet, deberá descargar la versión de extensión adecuada en otro lugar, luego desinstalar la versión desactualizada de la máquina e instalar la actualizada posteriormente.

Qué hacer si el código VS no instala una extensión

Si VS Code falla durante el proceso de instalación, hay algunas cosas que puede probar para solucionarlo:

  1. Verifique las dependencias. Algunas extensiones requieren que otras extensiones funcionen correctamente o, en algunos casos, incluso se instalen.
  2. Compruebe su servidor proxy. Deberá configurar VS Code para usar el mismo servidor proxy.
  3. Cambie su configuración de DNS a 8.8.8.8 y 8.8.4.4. Estas configuraciones se pueden encontrar en las opciones del adaptador "Configuración de Internet> Cambiar".

Obtenga codificación con VS Code

VS Code es un software sofisticado que le permite programar en todo tipo de idiomas y utilizar sus amplias funciones. Las extensiones son una excelente manera de personalizar y mejorar las funciones y el rendimiento de VS Code. Las buenas extensiones impulsarán enormemente su flujo de trabajo, así que esté atento a las nuevas extensiones para instalar.

¿Qué extensiones usas en tu código VS? Háganos saber en la sección de comentarios a continuación.