Tutoriales

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

En resumen, aprenda a buscar extensiones e instalarlas en el editor de código de Visual Studio. Se discutieron tanto la GUI como los métodos de línea de comandos.

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

Visual Studio Code ofrece una increíble experiencia «lista para usar» al proporcionar casi todas las funciones similares a las de IDE. Pero siempre hay cosas que desearía que Visual Studio Code pudiera hacer. «Por otro lado, la hierba siempre es más verde».

Puede encontrar las extensiones para Visual Studio Code en Visual Studio Code Marketplace. Las extensiones publicadas en Visual Studio Code Marketplace se analizan en busca de virus antes de su publicación. Entonces se puede confiar en estas extensiones.

Instalar extensiones en Visual Studio Code

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

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

Abra Visual Studio Code y en el extremo izquierdo está la barra de actividades. El último botón de la barra de actividades es el botón Extensiones. Al hacer clic en él, verá la gran cantidad de extensiones disponibles para instalar en Visual Studio Code.

Acceda a la pestaña Extensiones en VS Code

También puede presionar el atajo de teclado Ctrl + Shift + X para iniciar la sección Extensiones.

Si no ha instalado ninguna extensión, 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, un día, descubre una extensión y se pregunta cómo vivía sin ella.

Encuentre una extensión e instálela a través del editor (método GUI)

Ahora es el momento de probarlo vim de qué está hablando la gente de Linux * empujar *;)

Fue solo una broma. Instalemos algo más amigable para principiantes y algo que un principiante pueda usar fácilmente sin mucha práctica.

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

02 Seleccione Intellicode 1
Cómo instalar una extensión como Visual Studio IntelliCode

Simplemente haga clic en el Instalar Key (# 2) instala el IntelliCode de Visual Studio Renovación. Esta extensión le brinda sugerencias predichas por IA mientras escribe código.

Después de la instalación, puede utilizar esta extensión en toda su extensión. Ingrese un bloque de código en su lenguaje de programación preferido y verifique que el autocompletado de AI sugerido funcione para usted y no ralentice su flujo de trabajo.

03 Instalación de Intellicode completada 1
Administrar una extensión instalada en Visual Studio Code

Si no le gusta ninguna de las extensiones instaladas, simplemente haga clic en esa 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, por ejemplo, bloqueos repentinos; Puede deshabilitar fácilmente una (o más) extensión (s) simplemente haciendo clic en el Desactivar Botón (# 1) y vea si la extensión X jugó o fue tiempo extra y, o era algo completamente diferente.

Dado que las extensiones pueden tardar mucho en eliminarse y reinstalarse, deshabilitar las extensiones puede ser útil cuando tiene varias extensiones instaladas.

Método alternativo: instalar extensiones a través de la terminal

¿Sabía que puede instalar una extensión de Visual Studio Code usted mismo desde la terminal? ¡Pues hazlo ahora!

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

Para encontrar este identificador único para cualquier extensión, primero visite Visual Studio Code Marketplace en su navegador preferido.

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

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

Búsqueda de extensión de código de Visual Studio
Busque Visual Studio IntelliCode y abra la página web de extensiones

Una vez que abra 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.

vs identificador de extensión de código
Identificador único de la extensión de código de Visual Studio

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

code --install-extension VisualStudioExptTeam.vscodeintellicode

Al igual que con la GUI, puede usar la interfaz de línea de comandos para instalar, deshabilitar, eliminar y administrar extensiones.

Hay una práctica bandera que le muestra una lista de todas las extensiones instaladas. Puede hacer esto ejecutando el siguiente comando:

code --list-extensions

Ejecute este comando para deshabilitar una sola extensión:

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 el mundo extensiones instaladas. Esto le ayudará a diagnosticar si las extensiones están causando problemas o si se trata de Visual Studio Code en sí.

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

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

diploma

Me resulta mucho más fácil usar el editor para instalar extensiones de VS Code. Está justo en el editor donde finalmente codifico.

Una vez que se sienta cómodo con Visual Studio Code, es posible que desee consultar 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.

¡Diviértase programando, compañeros usuarios de * nix! 🙂

Publicaciones relacionadas

Deja una respuesta

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

Botón volver arriba