VS Code és una eina de codificació coneguda pel seu popular disseny, facilitat d'ús i funcions innovadores. Les pestanyes VS Code fan que aquest programa sigui increïblement funcional i ben organitzat. Però saber-los manejar és absolutament essencial.
Si sou nou a la codificació, és probable que us confongueu com funcionen les pestanyes aquí. No és com les pestanyes habituals del navegador.
En aquesta guia, us ensenyarem com navegar per VS Code i fer que funcioni al vostre benefici.
Com obrir un fitxer en una pestanya nova a VS Code
D'acord, heu iniciat VS Code per primera vegada i esteu navegant pel menú arrel de l'Explorador a l'esquerra. Tanmateix, cada entrada que feu clic canvia la pestanya. Bé, quin sentit tenen les pestanyes, si continuen canviant cada vegada que les obriu, potser us preguntareu. Espera; hi ha una manera senzilla de canviar-ho.
Per obrir una pestanya nova a VS Code, tot el que heu de fer és fer-hi doble clic en lloc de fer-hi un sol clic. Això pot semblar una mica estrany i confús, però un cop us hàgiu acostumat a aquesta funció, us adonareu que realment us facilita molt la feina.
Quan ho penseu, si s'obria una pestanya nova cada vegada que feu clic a una entrada del menú de l'Explorador, això generaria molta confusió, sobretot si esteu treballant amb diverses pestanyes simultàniament (que sovint ho fareu).
Com bloquejar una pestanya al codi VS
La funció d'obertura de la pestanya de doble clic a VS Code pot ser diferent de la d'altres editors de codi, però en realitat és una opció fantàstica a la pràctica. Un cop ho hàgiu entès, podreu remenar sense esforç entre pestanyes, obrir-ne de noves i bloquejar-ne les importants.
Si esteu treballant en alguna cosa important, no us agradarà quan feu clic accidentalment en una entrada de la llista de l'Explorador. Això us desanimarà i provocarà una pèrdua de focus.
Afortunadament, VS Code ofereix una opció que us permet fer que una pestanya sigui "enganxa". En altres paraules, podeu bloquejar-lo, la qual cosa significa que un cop feu clic a una entrada de la llista de l'Explorador, obrirà una de nova i mantindrà oberta la pestanya bloquejada. Hi ha algunes maneres de fer-ho.
El mètode més senzill és fer doble clic a la pestanya implicada. Notareu que el seu nom passarà de cursiva (mode de vista prèvia) a normal. Una altra manera de fer-ho és utilitzar el Ctrl+K+Intro comanda mentre la pestanya en qüestió està oberta i enfocada. Finalment, feu clic amb el botó dret a la pestanya i seleccioneu Mantenir obert des del menú desplegable.
Com obrir un fitxer en una pestanya nova per defecte a VS Code
Si esteu treballant en diversos editors de codi i l'estrany mètode d'obertura de pestanyes us frustra, és possible que vulgueu utilitzar VS Code per obrir automàticament fitxers en pestanyes noves. Alternativament, potser ho preferiu així: qui som nosaltres per jutjar?
A continuació s'explica com anul·lar-ho i canviar el comportament típic d'obertura de pestanyes de VS Code.
Utilitzar el "workbench.editor.enablePreview" configuració per desactivar o habilitar completament el mode de vista prèvia per a pestanyes noves. Això vol dir que cada nova pestanya s'obrirà en mode "adhesiu", disminuint així la necessitat d'utilitzar la funció de doble clic. Aquest mètode, però, també abolirà completament el mode de vista prèvia, que de vegades pot ser útil.
També hi ha el "workbench.editor.enablePreviewFromQuickOpen" comanda, que afegeix una opció de mode de vista prèvia al menú d'obertura ràpida de VS Code.
Per utilitzar qualsevol d'aquestes dues ordres, haureu de modificar Configuració dossier. A continuació s'explica com fer-ho:
- Obriu el Paleta d'ordres utilitzant el Ctrl+Maj+P drecera.
- Escriure "Preferències: Obriu la configuració de l'usuari".
- Anar a "workbench.editor.enablePreview" utilitzant la barra de cerca.
- Apaga-ho.
Feu el mateix per a "workbench.editor.enablePreviewFromQuickOpen" comanda per habilitar-hi l'accés des del menú d'obertura ràpida.
Com obrir diverses pestanyes a VS Code
Obrir diverses pestanyes a VS Code és molt senzill. Feu doble clic a cada entrada de la llista Explorador. Tanmateix, per bloquejar les pestanyes al seu lloc i evitar que la funció d'un sol clic les tanqui, assegureu-vos de fer doble clic en cadascuna. O això o utilitzeu el "workbench.editor.enablePreview" comanda per obrir cada pestanya nova amb un clic.
Per què VS Code ha fet que les pestanyes siguin diferents a altres editors de codi
Com a nou usuari de VS Code, potser us preguntareu per què han fet que les pestanyes funcionin com ho fan. Després de tot, en altres editors de codi, les coses són molt més senzilles, oi?
El mètode de VS Code per obrir, intercanviar i bloquejar les pestanyes no es va implementar per accident. Pots estar segur que hi ha tot un equip de professionals de l'UX (experiència d'usuari) que van determinar que aquest era el camí correcte. Al cap d'un temps, us acostumareu a aquestes ordres i estem segurs que les apreciareu millor que les d'altres editors de codi.
El cas és que, quan esteu programant, sovint heu de fer referència a un fitxer durant un segon. Potser copieu una línia, potser com a recordatori ràpid. Per exemple, diguem que un projecte continua tornant amb un error estrany. Heu identificat on probablement es troba l'error: en un dels fitxers de configuració. VS Code us permet obrir aquests fitxers dins d'una sola pestanya.
En lloc de fer doble clic en cadascuna i anar cap endavant i cap enrere entre les dues pestanyes, podeu fer un sol clic a les seves entrades a la llista Explorador de l'esquerra. A més de ser menys confús, poder navegar per aquestes pestanyes en el mode de vista prèvia us ajudarà a tenir una imatge més clara d'on es troben.
Això no vol dir gaire quan esteu treballant en poques línies. Tanmateix, si esteu editant codi dins de diversos fitxers, no necessiteu cap pestanya addicional que s'afegeixi al desordre i perdi el vostre enfocament, temps i energia.
Un altre avantatge del mode de vista prèvia es veu a la depuració. En lloc d'haver d'obrir un munt de pestanyes i tancar-les per evitar el desordre, remeneu ràpidament els fitxers de la llista de l'Explorador.
El inconvenient de la pestanya VS Code
Estar acostumat a altres editors de codi no és un veritable desavantatge: algunes persones estan acostumades a VS Code, com és possible que esteu acostumats a Notepad++. Tanmateix, hi ha un escenari en què la manera com funcionen les pestanyes de VS Code es pot veure com un inconvenient. Si esteu treballant amb un gran nombre de fitxers, és possible que us oblideu de fer que una pestanya sigui enganxosa (feu doble clic). Amb una gran llista d'Exploradors a l'esquerra, us deixareu perdre el focus, intentant tornar a trobar el fitxer en qüestió.
No obstant això, aquí hi ha un revestiment de plata: la manera com funcionen les pestanyes de VS Code us fa més alerta i acurat quan codifiqueu. A més, en realitat, finalment us acostumareu a VS Code i no cometreu errors com aquests.
PMF addicionals
Com s'obre un fitxer nou a VS Code?
Comenceu obrint el projecte VS Code en qüestió. A continuació, premeu Ctrl+Maj+P per obrir la paleta d'ordres. Alternativament, aneu a Visualització i seleccioneu la paleta d'ordres. A la llista, seleccioneu Crea un fitxer nou. Se us demanarà que seleccioneu quin tipus de fitxer voleu crear. Cerqueu el tipus de fitxer a la llista o escriviu-lo. Ara, confirmeu i heu creat correctament un nou fitxer VS Code.
Com puc obrir una nova pestanya de terminal a VS Code?
A VS Code, hi ha una funció anomenada Terminal integrat, que facilita molt l'organització de les coses. Per obrir aquest terminal, premeu Ctrl+`. Alternativament, navegueu a la pestanya Visualització, seguida de l'ordre Terminal. Ara, aneu a la paleta d'ordres i aneu a Visualització. A continuació, utilitzeu la funció de commutació del terminal integrat per activar o desactivar el terminal integrat.
Com puc obrir fitxers un al costat de l'altre a VS Code?
Navegueu a la llista de l'explorador a l'esquerra. Premeu Alt i feu clic a un fitxer. Premeu Ctrl+\: això dividirà l'editor en dues parts. Premeu Ctrl+Enter per obrir el menú contextual de l'Explorador. Seleccioneu Split Editor (part superior dreta de l'editor). Ara, arrossegueu i deixeu anar el fitxer en qüestió a qualsevol dels costats de l'editor.
Com editeu diverses línies a VS Code?
Si sou un usuari de Notepad++, probablement estareu familiaritzat amb la funció d'edició de diverses línies. A Notepad++, s'anomena "edició en mode de columna". Si no sabeu què implica l'edició de diverses línies, és una funció que us permet fer canvis en més d'una instàncies de text sobre línies contigües. Podeu substituir aquestes línies per informació idèntica o semblant. Això és especialment útil per a HTML. Per utilitzar l'edició multilínia, utilitzeu l'ordre Ctrl+Alt+tecles de fletxa.
Com puc fer diversos cursors a VS Code?
Per a edicions ràpides i simultànies, VS Code utilitza la funció multicursor. Per afegir un cursor secundari, premeu Alt+Clic esquerre. Per inserir més cursors per sobre o per sota, utilitzeu les funcions Ctrl+Alt+Avall i Ctrl+Alt+Amunt, respectivament. Tingueu en compte, però, que la vostra GPU (NVIDIA, en particular) pot sobreescriure les dreceres. Per seleccionar una paraula com a cursor, feu servir Ctrl+D.
Pestanyes de codi VS
VS Code és definitivament únic pel que fa a com funcionen les seves pestanyes. Tanmateix, molts professionals troben aquesta manera superior a la d'altres editors de codi. En qualsevol cas, si no us agrada la funció de la pestanya Mode de vista prèvia, podeu seguir un dels mètodes esmentats per fer que VS Code funcioni com qualsevol altre editor de codi.
Heu descobert com fer front a les pestanyes de VS Code? Ara ho prefereixes a altres editors? Podeu fer clic a la secció de comentaris a sota d'aquesta entrada si teniu alguna cosa a afegir o preguntar sobre el tema de les pestanyes del codi VS. No siguis un estrany! La nostra comunitat sempre està més que encantada d'ajudar.