VS Code Com instal·lar extensions

Visual Studio Code és un programari sofisticat que la majoria de la gent utilitza per començar el seu viatge de programació. Les seves característiques robustes, la compatibilitat creuada i la gamma de llenguatges de programació la converteixen en una de les eines de programació més utilitzades del món.

Tot i que VS Code té una àmplia gamma de funcions per començar, la seva funcionalitat es pot millorar encara més mitjançant l'ús d'extensions, que poden afegir llenguatges addicionals, compiladors i altres eines que milloren el flux de treball d'un programador.

En aquest article, us mostrarem com instal·lar extensions a VS Code, així com parlarem d'algunes de les extensions més útils i populars.

Com instal·lar extensions al codi VS

VS Code té un mercat d'extensions integrat que s'utilitza per trobar, instal·lar i/o gestionar les vostres extensions. A continuació s'explica com instal·lar una extensió mitjançant el VS Code Marketplace:

  1. Feu clic al botó "Extensions" a la barra d'activitats. Es troba al costat del client de VS Code. Alternativament, podeu utilitzar la drecera de teclat "Ctrl+Maj+X" per obrir la pantalla "Extensions".

  2. Això us portarà a la llista "Extensions". VS Code ordena automàticament les extensions per popularitat. També podeu utilitzar el quadre de cerca a la part superior de la pàgina per filtrar els vostres resultats.

  3. Cada extensió de la llista tindrà una breu descripció, el nombre de descàrregues (el nombre de vegades que s'ha baixat), el nom de l'editor i una puntuació de zero a cinc estrelles.

  4. Podeu fer clic a cada extensió de la llista per veure més detalls abans de comprometre's amb una baixada. Els detalls inclouen un registre de canvis, preguntes freqüents i una llista de contribucions i dependències que l'extensió ofereix i requereix de VS Code, respectivament.

  5. Si utilitzeu un servidor intermediari per accedir a Internet, haureu de configurar VS Code per utilitzar un servidor intermediari també per connectar-vos a Internet i descarregar extensions.
  6. Un cop hàgiu trobat una extensió que us agradaria instal·lar, feu clic als seus detalls.

  7. Veureu un botó "Instal·la" sota el nom de l'extensió.

  8. Feu clic al botó "Instal·la" i l'extensió es baixarà i s'instal·larà automàticament al vostre dispositiu.

  9. El botó "Instal·la" ara canviarà a un botó "Gestiona" que sembla un engranatge.

Les extensions són una manera fantàstica de personalitzar i millorar les capacitats de VS Code per adaptar-se a les vostres necessitats personals o professionals. Un ordinador connectat a Internet sense un servidor intermediari normalment no tindrà problemes per descarregar i instal·lar extensions automàticament a través del mercat integrat.

Tingueu en compte que algunes extensions poden requerir que altres extensions s'instal·lin prèviament per funcionar. Es pot trobar una llista completa de les dependències d'una extensió a la seva pàgina de detalls.

Existeixen altres mètodes que poden ajudar els usuaris a obtenir extensions de VS Code i no requereixen connexió a Internet.

Com descarregar extensions per al codi VS

Si necessiteu una extensió VS Code per a un dispositiu que no està connectat a Internet, hi ha una solució alternativa per accedir a les extensions, però, necessitareu un segon dispositiu amb accés a Internet. Aquí teniu el que heu de fer:

  1. Al dispositiu amb una connexió a Internet activa, obriu el navegador que trieu i aneu a l'URL de VS Code Marketplace.

  2. Utilitzeu la funció de cerca per especificar les vostres preferències. Alternativament, el mercat enumera directament els articles més populars i útils.

  3. Feu clic a l'extensió que us interessa. Això obrirà una pàgina que mostrarà més detalls sobre l'extensió, inclosa una breu descripció, el nom de l'editor, pestanyes que mostren algunes preguntes freqüents i un registre de canvis de versió complet.

  4. Feu clic al botó "Descarregueu l'extensió" a la part dreta de la pàgina. No feu clic al botó "Instal·lar" a la part superior, ja que començarà a instal·lar l'extensió al dispositiu actual.

  5. La descàrrega produirà un fitxer .VSIX que es pot transferir a la màquina que ho necessiti.

Descarregar una extensió d'aquesta manera no l'instal·la. El fitxer .VSIX no és llegible per cap programa que no sigui el que s'utilitza per instal·lar l'extensió VS Code. Si obriu el fitxer .VSIX manualment, és possible que rebeu errors.

Com instal·lar extensions fora de línia per al codi VS

Tot i que actualment la majoria d'ordinadors estan connectats a Internet, alguns dispositius no tenen aquesta connexió per motius de seguretat o necessitats professionals específiques. Afortunadament, la màquina no ha d'estar connectada a Internet per instal·lar una extensió. Tanmateix, encara necessiteu una manera de descarregar l'extensió.

Utilitzeu els passos descrits a la secció anterior d'aquest article per descarregar l'extensió en un dispositiu connectat diferent i després copieu el fitxer .VSIX generat. Per raons òbvies, utilitzeu un mitjà de transferència que no depengui d'una connexió a Internet, com ara una unitat USB o un HDD o SSD extern.

Tingueu en compte que si l'extensió té dependències, també haureu de descarregar-les i instal·lar-les primer.

Un cop transferida l'extensió a la màquina on la voleu instal·lar, seguiu aquests passos:

  1. La primera opció per instal·lar la nova extensió hauria de ser obrir el fitxer .VSIX de l'extensió. Si el VS Code està instal·lat al dispositiu, les versions anteriors del programari podran instal·lar l'extensió manualment des d'aquí. Seguiu les instruccions d'instal·lació per integrar l'extensió a VS Code correctament. Si l'extensió està instal·lada, podeu ignorar els altres passos.
  2. Si el mètode anterior no funciona, hi ha una solució alternativa. Seguiu aquests passos.
    1. Obriu el codi VS.

    2. Obriu la barra lateral "Extensions" (podeu utilitzar "Ctrl+Maj+X”).

    3. Feu clic a la icona de punts suspensius a l'extrem superior dret del menú.

    4. Seleccioneu "Instal·lar des de VSIX..."

    5. VS Code obrirà un navegador de documents. Localitzeu el fitxer .VSIX que heu transferit i seleccioneu-lo.

    6. Ara VS Code començarà el procés d'instal·lació de l'extensió.
    7. Un cop instal·lada l'extensió, la podreu veure al menú "Extensions" i gestionar-la en conseqüència.

Com instal·lar una extensió al codi VS amb el símbol del sistema

Per als més experts en tecnologia, VS Code té una integració d'indicadors d'ordres que permet replicar la majoria de les seves funcions amb línies d'ordres.

A continuació s'explica com obrir l'indicador d'ordres a VS Code:

  1. Utilitzeu la drecera de teclat "Ctrl+`" (marqueta inversa).

  2. Aneu a "Mostra" i, a continuació, seleccioneu "Terminal" al menú.

  3. Utilitzeu la paleta d'ordres (“Ctrl+Maj+P”) i, a continuació, feu servir “Visualitza: Commuta el terminal integrat”.

Quan s'obri l'indicador d'ordres, utilitzeu l'ordre següent per instal·lar noves extensions:

“–instal·lar-extensió”

Heu de proporcionar el nom complet de l'extensió, substituint l'argument "", que normalment té el format "editor.extensió". El nom complet de l'extensió també es pot trobar a l'URL de l'extensió al VS Code Marketplace, després de l'argument "itemName=".

Com instal·lar extensions al codi VS per a tots els usuaris

Suposem que la màquina que executa VS Code la fan servir diferents persones que utilitzen perfils separats per accedir-hi. En aquest cas, no tots tindran l'extensió instal·lada quan el procés es realitzi automàticament. El mercat integrat de VS Code només instal·larà l'extensió a la instància del programa de l'usuari actual. Aleshores, caldria repetir la instal·lació per a cada usuari que necessiti l'extensió.

Tanmateix, hi ha una solució que instal·larà l'extensió per a tots els usuaris de la màquina. Aquí teniu el que heu de fer:

  1. Utilitzeu el mercat de VS Code en línia per descarregar el fitxer .VSIX de l'extensió, tal com es descriu a la secció "Com baixar extensions per a VS Code" anterior.
  2. Localitzeu l'aplicació anomenada "VSIXInstaller.exe".

  3. Utilitzeu el paràmetre "/admin" quan truqueu a l'instal·lador per instal·lar l'extensió per a tots els usuaris. Per exemple: "VSIXInstaller.exe /admin file_path.vsix". Podeu utilitzar l'indicador d'ordres de VS Code per intentar accelerar aquest procés.

Algunes extensions vénen amb els seus instal·ladors adjunts, cosa que us permetrà instal·lar-les per a tots els usuaris si es marquen les comprovacions correctes durant la instal·lació.

Si els mètodes anteriors no funcionen, l'única solució és utilitzar manualment el mètode d'instal·lació .VSIX descrit als segments "Fora de línia" o "Símbol del sistema".

Com gestionar les extensions a VS Code

La gestió d'extensions us permet treure el màxim profit de la vostra plataforma VS Code. Cada extensió es pot activar, desactivar o desinstal·lar directament des del menú "Extensions":

  1. Obriu el menú "Extensions".

  2. Les extensions enumerades solen estar en l'ordre d'activat > desactivat > recomanat.

  3. Si voleu gestionar una extensió, premeu la icona d'engranatge a la part dreta de la seva entrada a la llista i, a continuació, seleccioneu les opcions de gestió desitjades a la llista desplegable.

Alternativament, podeu veure i gestionar les extensions des de l'indicador d'ordres. Si preferiu utilitzar l'indicador d'ordres per gestionar les vostres extensions, aquí teniu algunes de les seves funcionalitats addicionals:

  1. “–uninstall-extension” desinstal·la l'extensió. Utilitzeu el nom complet de l'extensió a l'argument "", de la mateixa manera que quan el vau instal·lar.
  2. “–list-extensions” enumerarà totes les extensions instal·lades al dispositiu.
  3. “–show-versions” es pot utilitzar juntament amb l'ordre list per mostrar les versions de les extensions instal·lades. Això pot ser útil per determinar si cal actualitzar algunes extensions.
  4. “–disable-extensions” desactivarà totes les extensions. VS Code encara els enumerarà com a "Desactivats" al menú "Extensions", però l'extensió no estarà activa.
  5. “–enable-propposed-api” habilita les funcions de l'API proposades per a l'extensió. Heu de proporcionar el nom complet de l'extensió per a l'argument " ".

L'indicador d'ordres té molts usos fora de la gestió d'extensions, que es podrien cobrir en una altra ocasió.

Com desinstal·lar una extensió de VS Code

Al llarg de la vostra vida de programació, és possible que hi hagi extensions addicionals que no necessiteu, o trobareu-ne d'altres que tenen més capacitats i en facin que altres siguin redundants. A continuació s'explica com desinstal·lar les extensions:

  1. Obriu el codi VS.

  2. Obriu el menú "Extensions".

  3. Seleccioneu la icona d'engranatge al costat de l'extensió que voleu eliminar.

  4. Seleccioneu l'opció "Desinstal·la" per eliminar l'extensió del vostre dispositiu. Això us demanarà que torneu a carregar VS Code.

  5. Alternativament, utilitzeu l'ordre "–uninstall-extension" al terminal de VS Code. Proporcioneu el nom complet de l'extensió (publisher.extension) per a l'argument “”.

Com a alternativa a la desinstal·lació d'una extensió, podeu utilitzar l'opció "Desactivar" per mantenir l'extensió instal·lada però evitar que faci canvis als vostres projectes de VS Code. Les extensions es poden tornar a habilitar en una data posterior mitjançant el botó "Habilita".

Com actualitzar una extensió manualment al codi VS

De manera predeterminada, VS Code actualitza automàticament totes les extensions instal·lades sempre que hi hagi una versió nova disponible al mercat. Tanmateix, per a les màquines sense accés a Internet o amb les actualitzacions automàtiques desactivades, hi ha una manera d'actualitzar una extensió manualment. Aquí teniu el que heu de fer:

  1. Si la màquina té accés a Internet, utilitzeu el filtre "@obsolet" a la barra de cerca "Extensions". Això mostrarà les extensions que requereixen una actualització. Feu clic al botó "Actualitza" als detalls de l'extensió per actualitzar-la i obligar a tornar a carregar VS Code. Alternativament, utilitzeu l'ordre "Actualitza totes les extensions" per actualitzar totes les extensions obsoletes. Si teniu la comprovació automàtica desactivada, heu d'utilitzar l'ordre "Comprova actualitzacions d'extensions" al menú.
  2. Si la màquina no té accés a Internet, haureu de descarregar la versió d'extensió adequada en un altre lloc, després desinstal·leu la versió obsoleta de la màquina i instal·leu-ne la actualitzada després.

Què fer si VS Code no pot instal·lar una extensió

Si VS Code falla durant el procés d'instal·lació, hi ha algunes coses que podeu provar per solucionar-ho:

  1. Comproveu les dependències. Algunes extensions requereixen que altres extensions funcionin correctament o, en alguns casos, fins i tot instal·lar-les.
  2. Comproveu el vostre servidor intermediari. Haureu de configurar VS Code per utilitzar el mateix servidor intermediari.
  3. Canvieu la vostra configuració de DNS a 8.8.8.8 i 8.8.4.4. Aquesta configuració es pot trobar a les opcions de l'adaptador "Configuració d'Internet > Canvi".

Obteniu codificació amb VS Code

VS Code és un programari sofisticat que us permet programar en tot tipus d'idiomes i utilitzar les seves àmplies funcions. Les extensions són una manera fantàstica de personalitzar i millorar les funcions i el rendiment de VS Code. Les bones extensions augmentaran enormement el vostre flux de treball, així que estigueu atents a les noves extensions per instal·lar.

Quines extensions utilitzeu al vostre VS Code? Feu-nos-ho saber a la secció de comentaris a continuació.