Cómo instalar extensiones de código de Visual Studio

Resumen: aprenda a buscar extensiones e instalarlas en el editor de código de Visual Studio. Se han discutido tanto los métodos de la GUI como los de la línea de comandos.

De Microsoft Código de Visual Studio es quizás el editor de código fuente abierto más popular, después de Vim (por supuesto).

Visual Studio Code proporciona una experiencia increíble “lista para usar” al proporcionar casi todas las características similares a IDE. Pero siempre hay cosas que desearía que Visual Studio Code pudiera hacer. “La hierba siempre es más verde en el otro lado”.

El Mercado de código de Visual Studio es exactamente donde encontrará las extensiones para Visual Studio Code. Las extensiones que se publican en Visual Studio Code Marketplace se analizan en busca de virus antes de que se publiquen. Entonces estas extensiones pueden ser de confianza.

Instalación de extensiones en Visual Studio Code

No es necesario que acceda al sitio web de Marketplace para instalar extensiones. Puede instalar y administrar extensiones directamente desde el propio editor.

Espero que tenga instalado Visual Studio Code en Linux o en cualquier sistema operativo que esté utilizando.

Abra Visual Studio Code y, en el extremo izquierdo, está la barra de actividad. El último botón de la barra de actividad es el botón Extensiones. Al hacer clic en eso, se expondrá a la enorme riqueza de las extensiones disponibles para instalar en Visual Studio Code.

Accediendo a la pestaña Extensiones en VS Code

También puede presionar la combinación de teclas de acceso directo Ctrl + Shift + X para iniciar el panel lateral Extensiones.

Si no tiene ninguna extensión instalada, verá una lista de las extensiones más populares disponibles en Visual Studio Code Marketplace. Hay extensiones que desearía que Visual Studio Code ya tuviera. ¡Y luego, algún día descubrirás una extensión y te preguntarás cómo vivías sin ella!

Busque una extensión e instálela desde el editor (método GUI)

Ahora es el momento de probar eso vim cosa de la que habla la gente de Linux * nudge nudge *;)

Es una broma. Instalemos algo más amigable para principiantes y algo que un principiante pueda aprovechar fácilmente, sin mucha práctica.

Haga clic en IntelliCode de Visual Studio (# 1) extensión de la lista presentada de las extensiones más populares.

Cómo instalar una extensión como Visual Studio IntelliCode

Simplemente haciendo clic en el Instalar en pc botón (# 2) instalará el IntelliCode de Visual Studio extensión. Esta extensión le brinda sugerencias predichas por IA mientras escribe código.

Una vez instalada, podrá aprovechar al máximo esta extensión. Intente escribir un bloque de código en su lenguaje de programación preferido y verifique si el autocompletado de IA sugerido está funcionando para usted y no está causando ningún tipo de desaceleración en su flujo de trabajo.

Administrar una extensión instalada en Visual Studio Code

Si no le gusta alguna de las extensiones instaladas, simplemente haga clic en el Desinstalar botón (# 2) para eliminar completamente la extensión no deseada.

Si tiene varias extensiones instaladas y cree que una de las extensiones instaladas le está causando problemas, digamos que se bloquean repentinamente; Simplemente puede deshabilitar una (o varias) extensiones simplemente haciendo clic en el Desactivar botón (# 1) y verifique si la extensión x estaba actuando mal o era la extensión y, o era algo completamente diferente.

Teniendo en cuenta que la eliminación y reinstalación de extensiones lleva mucho tiempo, deshabilitar las extensiones puede ser útil cuando tiene varias extensiones instaladas.

Método alternativo: instalar extensiones usando la terminal

¿Sabías que puedes instalar una extensión de Visual Studio Code desde el propio terminal? Bueno, ahora lo tienes!

Para instalar una extensión desde su terminal, necesita saber el nombre de la extensión y el nombre del editor en el orden de publisher.extension. Por un example, si desea instalar la misma extensión que hizo antes, Visual Studio IntelliCode, su nombre de editor y el nombre de extensión es VisualStudioExptTeam.vscodeintellicode.

Para conocer este identificador único de cualquier extensión, en primer lugar, visite Visual Studio Code Marketplace en el navegador de su elección.

Una captura de pantalla de cómo se ve Visual Studio Code Marketplace

Luego busque cualquier extensión, para este tutorial, me enfocaré en instalar Visual Studio IntelliCode. Y luego abra la página de la extensión que desea instalar.

Busque Visual Studio IntelliCode y abra la página web de la extensión

Una vez que tenga abierta la página web de su extensión, verá un bloque de código. En la captura de pantalla de la página web de la extensión a continuación se muestra el identificador único resaltado de la extensión.

Identificador único de la extensión Visual Studio Code

Una vez que tenga el código único de la extensión que desea instalar – VisualStudioExptTeam.vscodeintellicode en este caso, puede continuar ejecutando el siguiente comando en su terminal.

code --install-extension VisualStudioExptTeam.vscodeintellicode

Al igual que la GUI, la interfaz de línea de comandos también le permite instalar, deshabilitar, eliminar y administrar extensiones.

Hay una bandera útil que le dará una lista de todas las extensiones que ha instalado. Puede hacerlo ejecutando el siguiente comando:

code --list-extensions

Para deshabilitar una sola extensión, ejecute este comando:

code --disable-extension <YOUR-EXTENSION-ID>

Si desea deshabilitar todas las extensiones, puede ejecutar el siguiente comando:

code --disable-extensions

El comando anterior desactivará todo extensiones instaladas. Esto le ayudará a diagnosticar si las extensiones están causando problemas o si se trata de Visual Studio Code.

Ahora, si desea eliminar por completo cualquier extensión, use este comando:

code --uninstall-extension <YOUR-EXTENSION-ID>

Conclusión

Me resulta mucho más fácil usar el editor para instalar extensiones de VS Code. Está directamente en el editor donde codifico después de todo.

Una vez que se sienta cómodo jugando con Visual Studio Code, tal vez consulte este artículo que señala algunos atajos de teclado útiles para Visual Studio Code que pueden ayudarlo a ser aún más productivo.

¡Feliz codificación, compañero usuario de * nix! 🙂