Consells i trucs avançats per a Visual Studio i VS Code

Inici » Pitó » Consells i trucs avançats per a Visual Studio i VS Code

Si passes hores cada dia dins del Visual Studio o del VS Code, treure una mica més de productivitat del teu IDE es converteix ràpidament en un gran estalvi de temps. Les eines modernes de Microsoft amaguen una quantitat sorprenent de potència darrere de dreceres de teclat, navegació intel·ligent, depuradors i serveis en segon pla, però la majoria dels desenvolupadors només en graten la superfície.

Aquesta guia reuneix els consells, trucs i ajustos de rendiment més útils de Visual Studio i Visual Studio Code en un únic tutorial detallat. Aprendràs a escriure i navegar pel codi més ràpidament, optimitzar la depuració, ajustar l'editor per a solucions grans i evitar que la teva màquina s'aturi completament quan la memòria és limitada. Tot s'explica en anglès planer, amb dreceres pràctiques i rutes de menú que pots provar immediatament.

Escriure codi més ràpidament al Visual Studio

El Visual Studio té molts ajudants integrats que acceleren dràsticament l'edició diària un cop t'hi acostumes. En comptes de copiar i enganxar manualment, utilitzar el ratolí constantment o desplaçar-se, confieu en les ordres de conveniència de l'editor i en IntelliSense.

Ordres d'edició de conveniència que realment hauries d'utilitzar

En comptes de copiar i enganxar línies a mà, dupliqueu-les amb una sola ordre. Utilitzeu el menú Edita > Duplica o la drecera Ctrl+E, V per clonar la línia o selecció actual directament a sota. Per expandir o reduir una selecció de manera intel·ligent, utilitzeu Edita > Avançat > Expandir selecció or Selecció de contractes, o colpejar Majúscules+Alt+= i Majúscules+Alt+-.

IntelliSense ben fet (inclòs el mode de suggeriments)

L'IntelliSense del Visual Studio és més que una simple llista d'autocompleció; admet la coincidència aproximada i informació rica en paràmetres. Les llistes de membres mostren els elements que contenir els caràcters que heu escrit a qualsevol lloc del nom, no només al principi, i les descripcions emergents mostren suggeriments sobre paràmetres, informació ràpida i ajuda amb la signatura mentre escriviu.

Quan l'IntelliSense continuï inserint elements que no voleu, canvieu-lo al mode de suggeriments. Premsa Ctrl+Alt+Espai o ús Edita > IntelliSense > Activa/desactiva el mode de finalització de manera que els suggeriments apareixen però només s'insereixen si els confirmeu explícitament.

Fragments de codi i "Enganxa JSON/XML com a classes"

Els fragments de codi són una de les maneres més ràpides de produir codi repetitiu al Visual Studio. Podeu inserir fragments integrats o crear-ne de propis. Feu servir Edita > IntelliSense > Insereix fragment or Envolta ambo feu clic amb el botó dret a l'editor i seleccioneu Fragment > Insereix fragment or Envolta amb.

Quan es treballa amb API, “Enganxar JSON/XML com a classes” sembla gairebé màgic. Copieu qualsevol dada JSON o XML al porta-retalls, obriu un fitxer de codi C# o VB i trieu Edita > Enganxa especial > Enganxa JSON com a classes (o Enganxa XML com a classes). El Visual Studio genera classes .NET amb tipificació forta, llestes per utilitzar, i pot accelerar els fluxos de treball que inclouen anàlisi de dades amb SQL.

Enganxar adaptatiu amb GitHub Copilot

Si feu servir GitHub Copilot, la funció d'enganxar adaptatiu del Visual Studio pot ajustar el codi enganxat perquè coincideixi amb el vostre context. Copilot analitza on enganxeu i pot proposar canvis com ara completar els membres de la interfície que falten, alinear l'estil i el format amb el fitxer circumdant, corregir petits errors, traduir entre llenguatges humans o de programació o continuar un patró que ja heu començat.

Correccions en línia amb accions ràpides

Les Accions Ràpides són la vostra eina de referència per refactoritzar i solucionar problemes directament a l'editor. Quan el Visual Studio mostri una icona de tornavís o bombeta, premeu Alt + Retorn or Ctrl +. en aquesta línia. Obtindreu correccions específiques del context: generar mètodes, canviar el nom de manera segura, aplicar refactoritzacions suggerides i més.

Previsualitza i edita les definicions in situ

No sempre cal sortir del fitxer actual per inspeccionar un tipus o mètode. Seleccioneu un identificador i premeu Alt + F12 (o feu servir el menú contextual Definició de Peek) per obrir la definició en línia en un petit editor de previsualització. Si preferiu una pestanya completa, feu clic amb el botó dret i trieu Ves a la definició en el seu lloc.

Aprendre d'aplicacions de mostra i adaptar el format

Microsoft publica moltes aplicacions d'exemple que podeu descarregar per aprendre tecnologies o patrons específics. Instal·leu-los des de Microsoft Developer Network (MSDN) i exploreu com estructuren projectes, gestionen errors o connecten capes d'IU.

El Visual Studio ofereix un control precís sobre l'estil del codi, inclosa la col·locació de claus i els salts de línia. Per a C#, explora Opcions > Editor de text > C# > Estil de codi > FormatacióPer a C++ i Python, existeixen seccions de formatació similars perquè el vostre equip pugui compartir un estil coherent.

El comportament de la sagnia i de les tabulacions es pot estandarditzar mitjançant la configuració de l'editor compartit. Sota Editor de text > Tots els idiomes > Pestanyes, o per idioma, podeu decidir si voleu utilitzar tabulacions o espais, la mida de les tabulacions i les regles d'indentació. Amb els fitxers de configuració portables, aquestes regles viatgen amb la base de codi entre màquines i editors.

Navegació eficient pel codi i l'IDE de Visual Studio

La navegació ràpida sovint és la diferència entre sentir-se "perdut en el codi" i tenir el control total d'una gran solució. El Visual Studio inclou vistes potents de marcadors, cerca i mapa per mantenir-vos orientats.

Adreces d'interès i navegació per símbols

Fes servir marcadors sempre que saltis entre unes quantes línies importants. Activa/desactiva un marcador amb Edita > Adreces d'interès > Activa/desactiva les adreces d'interès i gestionar-les des de Marcadors finestra. Això fa que sigui trivial rebotar entre punts importants en un fitxer gran.

Per a una navegació ràpida per símbols o fitxers, utilitzeu les ordres "Anar a". Ús Edita > Ves a per cercar símbols o fitxers dins de la vostra solució. Per a una cerca global més potent entre tipus, membres, fitxers i símbols, utilitzeu Ves a tot (Ctrl + T per defecte) per saltar a qualsevol lloc instantàniament.

Comprensió de l'estructura del projecte amb l'Explorador de solucions i els mapes

L'Explorador de solucions és més que un arbre de fitxers; és una vista estructural del vostre projecte. Podeu cercar símbols, veure jerarquies de crides, veure referències i obrir elements en una pestanya de previsualització. Si seleccioneu un element de codi a l'Explorador de solucions, l'editor es desplaça directament fins a aquest element.

Si preferiu una vista més visual de les dependències, els mapes de codi són extremadament útils. Construeix un mapa de codis per veure com els projectes, els espais de noms i les classes es refereixen entre si sense llegir tot el codi font línia per línia.

Mode de mapa de barra de desplaçament i fitxers recents

El mode mapa de la barra de desplaçament vertical mostra una vista en miniatura del fitxer per ajudar-vos a navegar ràpidament. Podeu personalitzar-la a través de les opcions de la barra de desplaçament si preferiu una barra més tradicional o voleu modificar-ne el comportament.

Per als fitxers que revisiteu contínuament, ordres com ara "Ves al fitxer recent" estalvien temps. La llista de fitxers recents a sota Edita > Ves a > Ves al fitxer recent (o la seva drecera) mostra el vostre conjunt de treball de manera que no cal recordar camins o espais de noms.

Sincronització de l'Explorador de solucions i personalització del disseny

En solucions enormes, és fàcil oblidar on viu un fitxer. Feu servir l' Sincronitza amb el document actiu a l'Explorador de solucions per ressaltar el fitxer obert a l'arbre del projecte.

La disposició de les finestres al Visual Studio és molt flexible i val la pena personalitzar-la. Premsa F4 per moure la finestra Propietats al costat dret si voleu un disseny més tradicional i experimentar amb finestres de document flotants o finestres d'eines en monitors secundaris. Fins i tot podeu obrir una segona vista de l'Explorador de solucions per gestionar fitxers per separat.

Cercar ordres, fitxers i opcions com un professional

En comptes de buscar pels menús, feu servir la cerca global i els filtres del Visual Studio per trobar exactament el que necessiteu. Això funciona per a ordres, opcions, quadres de diàleg i contingut de la finestra d'eines.

Finestres d'eines de filtratge i llista d'errors

Moltes finestres d'eines admeten filtres integrats perquè només vegeu els elements rellevants. Per exemple, la Caixa d'eines, les Propietats i l'Explorador de solucions es poden filtrar escrivint part del nom d'un element i amagant tota la resta.

El panell Llista d'errors us permet centrar-vos en els problemes que us importen. Feu clic al filtre per mostrar només els errors dels fitxers oberts, del fitxer actual o del projecte actual. També podeu cercar per text per localitzar un missatge d'error específic.

Trobar ràpidament diàlegs, opcions i ordres

El quadre de cerca global del Visual Studio és la vostra drecera a gairebé tot. Colpejar Ctrl + Q i comença a escriure coses com ara "nou projecte", "tema" o "dreceres de teclat". El Visual Studio suggereix ordres de menú, pàgines d'opcions i fitxers coincidents; tria'n un i ja hi seràs a l'instant.

Depuració més intel·ligent al Visual Studio

Les sessions de depuració poden consumir molt de temps i memòria, per la qual cosa és clau utilitzar les funcions avançades del depurador. El depurador del Visual Studio és extremadament capaç un cop aneu més enllà dels punts d'interrupció bàsics i el registre de la consola.

Conceptes bàsics del depurador i punts d'interrupció versàtils

"Depurar" al Visual Studio significa executar-se sota el depurador, no només escampar registres. Això et permet inspeccionar variables, revisar el codi pas a pas i visualitzar el rendiment a mesura que s'executa l'aplicació. Si ets nou en això, val la pena llegir la documentació integrada de "primer cop d'ull al depurador".

Hi ha diversos tipus de punts d'interrupció, inclosos els temporals i els condicionals. Pots córrer fins al cursor amb Ctrl + F10 o feu clic amb el botó dret en una línia i trieu Executar fins al cursor, que estableix un punt d'interrupció únic i inicia l'execució fins que s'arriba a aquesta línia.

Fixació de valors de variables i ús de la finestra Immediata

Els DataTips permeten fixar valors de variables directament a l'editor. Mentre l'execució està en pausa, passeu el cursor per sobre d'una variable i feu clic a la icona de xinxeta del DataTip. Després d'aturar la depuració, una icona de xinxeta blava roman al marge; si passeu el cursor per sobre, es mostrarà l'últim valor depurat en aquesta línia.

La finestra Immediata es pot esborrar i reutilitzar sense tornar-la a obrir. En temps de disseny, escriviu >cls or >Edit.ClearAll per esborrar-ne el contingut. Hi ha molts altres àlies d'ordres útils disponibles per automatitzar petites tasques de depuració.

CodeLens, Live Share i REPL interactius

CodeLens superposa informació detallada just a sobre dels vostres mètodes: referències, historial, elements de treball vinculats, proves i molt més. Et manté concentrat a l'editor mentre fas un seguiment del que ha canviat, qui ho ha canviat i on s'ha utilitzat.

Live Share converteix la depuració en una experiència col·laborativa. Tu i els teus companys d'equip podeu editar i depurar la mateixa base de codi simultàniament, independentment del llenguatge o del tipus de projecte, sense que tothom hagi de clonar el repositori localment de la mateixa manera.

Les finestres REPL interactives per a llenguatges com C# i Python són perfectes per a l'experimentació. Executeu fragments de codi i vegeu els resultats immediatament i, a continuació, copieu els fragments de codi que funcionen al vostre projecte principal un cop n'esteu satisfets.

Accés ràpid a les eines de desenvolupador des de Windows

Si treballeu molt amb la línia d'ordres per a desenvolupadors o altres eines del Visual Studio, fixeu-les per accedir-hi amb un sol clic. Navegueu fins a %ProgramData%\Microsoft\Windows\Menú Inici\Programes\Visual Studio 2019\Eines del Visual Studio, clic dret Símbol del programador, i trieu Clica per començar or Pin a la barra de tasques.

Mantenir l'organització: pestanyes, finestres i tipus de lletra

A mesura que la vostra solució creix, mantenir-se organitzat a l'IDE esdevé tan important com escriure codi net. El Visual Studio us ofereix moltes maneres de mantenir visibles els fitxers que utilitzeu amb freqüència i els dissenys ergonòmics.

Fixar pestanyes i utilitzar diversos monitors

Fixeu les pestanyes dels fitxers que feu servir constantment perquè romanguin visibles fins i tot quan hi ha molts altres fitxers oberts. Feu clic a la icona de xinxeta a l'esquerra d'una pestanya per bloquejar-la al seu lloc.

Si teniu diversos monitors, moveu les finestres i els documents per crear una cabina personalitzada. Arrossegueu una pestanya de l'editor a un altre monitor per obrir-la en una finestra separada o arrossegueu finestres d'eines com ara els panells del depurador a una pantalla dedicada. Fins i tot podeu crear "conjunts" de pestanyes d'eines i documents acoblats.

Duplicació de l'Explorador de solucions i personalització de fonts

Tenir una segona vista de l'Explorador de solucions és ideal per gestionar bases de codi grans. Feu clic Explorador de solucions i seleccionar Nova vista de l'Explorador de solucionsi, a continuació, mou-lo a un altre monitor o acobla'l de manera diferent.

La configuració de la font del Visual Studio va molt més enllà de "fer més gran el text". In Eines > Opcions > Entorn > Fonts i colors Podeu canviar la tipografia, la mida i els colors d'elements específics com ara comentaris, paraules clau o text de la finestra d'eines, cosa que millora significativament la llegibilitat.

Codi del Visual Studio: Trucs de productivitat quotidiana

El Visual Studio Code (VS Code) se centra en la velocitat, la portabilitat i l'extensibilitat, cosa que el fa molt popular entre els desenvolupadors web i multiplataforma. Moltes de les seves millors funcions es troben darrere de la paleta de comandes, les dreceres de teclat i la configuració basada en JSON.

Introducció i ús de la paleta d'ordres

La manera més ràpida d'explorar VS Code és a través de la pàgina de benvinguda i les instruccions integrades. Obriu-les des de Ajuda > Benvingut/da o mitjançant la Ajuda: Benvingut/da comanda a la paleta de comandes.

La paleta de comandes és el centre de control universal del VS Code. Premsa Ctrl + Maj + P (o Maj+Cmd+P a macOS) i comenceu a escriure qualsevol ordre, com ara "Formata el document", "Canvia el nom del símbol" o "Git: Checkout to...". Ja gairebé no cal tocar la barra de menús, ja que això s'ha convertit en un hàbit.

Dreceres de teclat imprescindibles al codi VS

Conèixer un grapat de dreceres bàsiques et farà immediatament més ràpid a VS Code. Ús Control + P per obrir fitxers ràpidament, Ctrl+\ per dividir l'editor en columnes i Ctrl+` per activar o desactivar el terminal integrat. Per editar diverses línies, proveu ordres multicursor com ara Alt+clic per afegir cursors, Ctrl+Alt+Amunt/Avall per afegir cursors verticalment i Control + D per seleccionar la següent aparició d'un terme.

L'edició en paral·lel és senzilla i increïblement útil. Colpejar Ctrl+\ per dividir i després saltar entre grups d'editors amb Ctrl + 1, Ctrl + 2, O Ctrl + 3Per a Markdown, hi ha dreceres especialitzades com ara Ctrl + Shift + V per obrir la vista prèvia i Ctrl+KV per a l'edició i la previsualització en paral·lel.

Explorador, Obertura ràpida i historial de navegació

La vista de l'Explorador és accessible ràpidament amb Ctrl + Maj + E, però sovint anireu als fitxers encara més ràpidament amb Obertura ràpida. Premsa Control + P, comença a escriure part del nom d'un fitxer i prem Enter. Escriviu ? dins d'Obertura ràpida per veure suggeriments i opcions avançades.

Les carpetes i els espais de treball oberts recentment estan disponibles a través de Ctrl + R. Això obre una llista ràpida similar a Fitxer > Obre Recent, permetent-vos anar de projecte en projecte amb un esforç mínim. Dins d'un projecte, Control + Tab cicla pels fitxers recents i Ctrl + G salta directament a un número de línia.

VS Code també et permet prémer Ctrl+Clic (Cmd+Clic a macOS) en una ruta de fitxer per obrir o crear aquest fitxer. Això és especialment útil en fitxers de configuració i documentació on es fa referència a altres fitxers sovint.

Terminal i panells integrats

El terminal integrat manté el flux de treball dins de l'editor. Obriu-ho amb Ctrl+`, canvieu els shells del menú desplegable o creeu instàncies addicionals segons calgui. Feu servir Ctrl + J per obrir o tancar el panell inferior i evitar que ocupi l'espai vertical.

Mode Zen i finestres flotants

El mode Zen amaga tot el soroll quan necessiteu un enfocament profund. Colpejar Ctrl+KZ (Cmd+KZ a macOS) per esvair les barres laterals i els panells; premeu Esc dues vegades per sortir i recuperar la interfície d'usuari.

Els editors, terminals i vistes es poden moure a finestres flotants per a configuracions multimonitor. Arrossegueu una pestanya fora de la finestra principal o utilitzeu les ordres "Mou a una finestra nova" / "Copia a una finestra nova" del menú contextual de la pestanya.

Codi VS des de la línia d'ordres i conceptes bàsics de l'espai de treball

La CLI de VS Code és potent i perfecta per integrar-se amb el flux de treball del vostre shell. Una vegada que el code Si el binari es troba al vostre PATH, podeu obrir carpetes, fitxers i diferències directament des del terminal.

Comandes comunes de la CLI de VS Code

Hi ha alguns patrons que utilitzaràs tot el temps des de la línia d'ordres. Alguns exemples són:

• Obre el directori actual: code .
• Reutilitza l'última finestra: code -r .
• Obre una finestra nova: code -n
• Canviar d'idioma: code --locale=es
• Diferència entre dos fitxers: code --diff file1 file2
• Obre en una línia específica: code --goto package.json:10:5
• Desactiva totes les extensions: code --disable-extensions .

Configuració de l'espai de treball i la carpeta .vscode

La configuració d'inici, les tasques i els paràmetres específics de l'espai de treball es troben dins de .vscode carpeta a l'arrel del vostre projecte. Fitxers com tasks.json (per executar compilacions, proves, etc.) i launch.json (configuració del depurador) feu que el vostre projecte sigui portàtil i fàcil de configurar en qualsevol màquina.

Barra d'estat, problemes i modes d'idioma

La barra d'estat a la part inferior del VS Code no és només decorativa; mostra informació clau i accions ràpides. El recompte d'errors, els modes d'idioma, la branca Git i molt més estan a un clic de distància.

Errors i avisos

Premsa Ctrl+Maj+M per obrir el panell Problemes i saltar ràpidament entre els problemes. Ús F8 i Maj + F8 per anar ciclant entre l'error o l'advertència següent i l'anterior i filtrar la llista per gravetat o mitjançant el quadre de cerca.

Canvi del mode d'idioma

L'idioma que es mostra a la barra d'estat controla la sintaxi i les eines que utilitza VS Code per al fitxer actual. Feu clic al nom de l'idioma o utilitzeu Ctrl+KM per canviar, feu servir l'ordre "Configura l'associació de fitxers" si voleu que aquesta extensió sempre es mapi a un idioma concret.

Personalització del codi VS: temes, mapes de tecles i configuració

Un dels punts forts de VS Code és la profunditat amb què es pot personalitzar sense escriure cap complement. Els temes, les combinacions de tecles, la configuració, els fragments de codi i la validació són a només unes ordres de distància.

Canvi de temes i mapes de teclat

Canvieu els temes de color amb l'ordre “Preferències: Tema de color” o Ctrl+K Ctrl+T. Podeu navegar i instal·lar temes addicionals del Marketplace directament des d'aquest selector.

Si proveu d'un altre editor, instal·leu una extensió de mapa de tecles per reutilitzar dreceres familiars. Executeu l'ordre "Preferències: Mapes de teclat" i trieu entre mapes populars com ara Vim, Sublime Text o IntelliJ.

Edició de dreceres de teclat

L'editor de dreceres de teclat de VS Code mostra tots els enllaços actuals en una vista amb funció de cerca. Obriu-lo a través de “Preferències: Obriu les dreceres de teclat” o Ctrl+K Ctrl+SFeu servir la icona del llapis o Enter per assignar noves dreceres o canviar a keybindings.json per a l'edició de JSON en brut.

Ajust de la configuració mitjançant la interfície d'usuari o settings.json

Per defecte, utilitzaràs la interfície d'usuari de configuració, però sempre pots canviar a settings.json per a un control precís. Obriu-lo amb “Obrir la configuració d'usuari (JSON)” o canvieu el workbench.settings.editor configuració perquè JSON esdevingui el vostre editor predeterminat.

Els ajustos habituals inclouen la mida de la lletra, el nivell de zoom, el desament automàtic i el comportament del format. Per exemple, podeu establir:

• "editor.fontSize": 18 per a l'editor principal
• "terminal.integrated.fontSize": 14 per a la terminal
• "window.zoomLevel": 1 per a l'escalat general de la interfície d'usuari
• "files.autoSave": "afterDelay" per desar automàticament després d'un breu retard
• "editor.formatOnSave": true i "editor.formatOnPaste": true per mantenir el codi ordenat
• "editor.tabSize": 4 i "editor.insertSpaces": true per a una indentació consistent
• "editor.renderWhitespace": "all" quan vulguis veure tots els espais i pestanyes

Per ocultar fitxers o carpetes a l'Explorador o a la cerca, feu servir files.exclude i search.exclude configuració. Aquests accepten patrons globals i us ajuden a ignorar els artefactes de compilació o els directoris de proveïdors.

Configuració específica de l'idioma i validació JSON

Qualsevol configuració es pot limitar a un idioma específic mitjançant un bloc d'identificador d'idioma. Per exemple:

"": {
  "editor.tabSize": 2
}

La validació JSON està integrada i es pot ampliar mitjançant json.schemas. Podeu associar fitxers JSON específics (com ara bower.json o configuracions personalitzades) amb esquemes de schemastore.org o els vostres propis fitxers locals, o fins i tot definir esquemes en línia a settings.json.

Navegador predeterminat i registres compostos

Quan feu Ctrl+clic en un enllaç, VS Code l'obre al navegador predeterminat, que podeu substituir mitjançant workbench.externalBrowser. Utilitza valors com ara "edge", "chrome", O "firefox"o apuntar directament a un executable del navegador.

Els registres de diversos serveis es poden combinar en un únic registre compost al tauler Sortida. Feu servir “Crea un registre compost…” del menú addicional del panell Sortida per combinar fluxos relacionats i facilitar la depuració de fluxos de treball complexos.

Extensions i treball amb fitxers en VS Code

Les extensions són on VS Code realment cobra vida, però gestionar-les correctament i entendre la navegació per fitxers és crucial. Això manté el teu entorn potent sense inflar-se.

Descobrir, instal·lar i recomanar extensions

Obriu la vista d'extensions amb Ctrl+Maj+X per trobar i gestionar extensions. Des d'allà podeu cercar, veure recomanacions, filtrar per "Més populars" o ordenar per nombre d'instal·lacions i activar/desactivar extensions per espai de treball.

Les extensions imprescindibles inclouen formatadors com Prettier, linters com ESLint i ajudants de Git com GitLens. Molts articles i llistes seleccionades (com ara awesome-vscode) mostren configuracions per a llenguatges i piles específiques.

Diàlegs de fitxers, obertura ràpida i historial de navegació

Podeu canviar del diàleg de fitxers del sistema operatiu a un diàleg de fitxers més senzill basat en la selecció ràpida mitjançant files.simpleDialog. Això manté tot dins del codi VS i funciona igual a totes les plataformes.

Obertura ràpida (Control + P) no només troba fitxers, sinó que també pot obrir diversos documents en seqüència. Feu servir la tecla de fletxa dreta mentre l'opció Obertura ràpida estigui visible per obrir la selecció actual en segon pla i continuar seleccionant més fitxers.

L'historial de navegació és accessible a través de Control + Tab, i podeu saltar enrere/endavant amb dreceres de tecles com ara Alt+Esquerra / Alt+Dreta (o equivalents de plataforma). Això és especialment útil després de saltar a definicions o referències.

Associacions de fitxers i desaments segurs

Ús files.associations per indicar a VS Code que certes extensions personalitzades són realment JSON, YAML o un altre llenguatge. Per exemple, la cartografia .database a "json" habilita la validació i IntelliSense per a un format de configuració propietari.

El codi VS evita les "escriptures brutes" quan un fitxer ha canviat al disc des que el vau obrir. Si això passa, VS Code mostra una diferència entre la vostra versió i la versió del disc i us demana que accepteu els canvis o que torneu al disc, garantint que mai no perdeu silenciosament les edicions externes.

Edició de característiques de potència al codi VS

L'editor de VS Code inclou moltes joies amagades per a la selecció, navegació i transformació avançades. Un cop aquestes es converteixen en memòria muscular, l'edició repetitiva de text esdevé molt menys dolorosa.

Ajustos de selecció de columnes, regles i desplaçament

La selecció de columna (quadre) us permet editar blocs de text verticals fàcilment. Mantenir Maj + Alt (Maj+Opció a macOS) mentre arrossegueu amb el ratolí o feu servir dreceres de teclat dedicades per afegir un cursor a cada línia seleccionada.

Es poden afegir regles verticals mitjançant editor.rulers per guiar la longitud de la línia. Per exemple, "editor.rulers": dibuixa línies verticals tènues en aquestes columnes.

El desplaçament ràpid i el desplaçament bloquejat us ajuden a navegar per fitxers grans o diversos editors. Tinença Alt augmenta la velocitat de desplaçament (ajustable mitjançant editor.fastScrollSensitivity), i l'ordre «Activa/desactiva el desplaçament bloquejat entre editors» sincronitza el desplaçament entre els editors visibles perquè les línies es mantinguin alineades.

Copiar/moure línies, creixement de selecció i retallar espais en blanc

Mou o copia línies amb dreceres de teclat en comptes de tallar/enganxar. Ús Alt+Amunt/Avall per moure una línia, o Maj+Alt+Amunt/Avall per copiar-lo (amb algunes variacions específiques del sistema operatiu, especialment a Linux).

Reduir i expandir les seleccions semànticament amb dreceres com ara Maj+Alt+Esquerra/Dreta. Aquestes ordres creixen de paraula a expressió, a afirmació, a bloc, i després es redueixen.

Ús Ctrl+K Ctrl+X per retallar els espais en blanc finals del document. Combina-ho amb "files.trimTrailingWhitespace": true si voleu que això passi automàticament en desar.

Símbols, contorn i desfer el cursor

Ves al símbol del fitxer (Ctrl+Maj+O) i Anar al símbol a l'espai de treball (Ctrl + T) són inestimables en grans bases de codi. Afegeix @: a la cerca de símbols per agrupar els resultats per tipus.

La vista Esquema a l'Explorador mostra l'estructura del fitxer actual i permet anar directament a funcions, classes i regions. Podeu ordenar per nom, categoria o càrrec.

Desfer el moviment del cursor amb Control + U si has saltat a algun lloc per error. Això reverteix l'últim canvi de posició del cursor sense desfer les edicions.

Eines de formatació, plegat i Markdown de codi

Formata una selecció amb Ctrl+K Ctrl+F o un document sencer amb Maj+Alt+F. Amb els formatadors específics de l'idioma configurats, això manté l'estil del codi coherent automàticament.

El plegament de codi permet contraure i expandir regions, funcions o comentaris amb dreceres com ara Ctrl+Maj+. "Plegar-ho tot", "Desplegar-ho tot" i "Plegar tots els comentaris del bloc" també estan disponibles per gestionar ràpidament l'estructura visible.

Per a Markdown específicament, podeu obrir previsualitzacions i sincronitzar-les amb l'editor. Ctrl + Shift + V obre una pestanya de previsualització, mentre Ctrl+KV mostra l'editor i la vista prèvia al costat del desplaçament enllaçat.

IntelliSense, Cerca i ESLint en codi VS

Les funcions d'IntelliSense i de cerca de VS Code van molt més enllà de l'autocompleció bàsica i la cerca/reemplaçament simple. Ben utilitzats, et proporcionen el tipus d'intel·ligència de codi que es troba en els IDE pesats.

Accions IntelliSense, Peek i Ves a

Activa els suggeriments amb Ctrl+Espai per veure mètodes, propietats, suggeriments de paràmetres i documentació en línia. IntelliSense s'adapta als servidors i extensions d'idioma instal·lats, de manera que les eines més riques produeixen suggeriments més rics.

Definició de Peek (Alt + F12) obre la destinació en línia perquè no hagis de sortir del context actual. Ves a la definició (F12 o Ctrl+Clic) salta directament a la font i Ves a les referències (Maj + F12) enumera tots els usos d'aquest símbol.

Vista Cerca totes les referències (Majúscules+Alt+F12) proporciona un panell dedicat que mostra tots els grups de referència per fitxer. Podeu canviar el nom dels símbols de manera segura amb F2, actualitzant totes les referències en una sola operació.

Cerca i substitució d'expressions regulars amb grups

Habilita les expressions regulars a la cerca per dur a terme refactoritzacions sofisticades. Feu clic al Utilitza l'expressió regular a la barra de cerca o premeu la drecera d'expressió regular (Alt + R a la majoria de plataformes). Utilitzeu grups de captura al vostre patró i feu-hi referència al camp Reemplaça amb $1, $2, I així successivament.

Integració d'ESLint

Combina l'extensió ESLint amb un fitxer ben configurat .eslintrc.json per mantenir net el codi JavaScript i TypeScript. Podeu ajustar els entorns (navegador, Node, ES6), les opcions de l'analitzador (mòduls, JSX) i les regles perquè coincideixin amb la guia d'estil del vostre projecte. VS Code mostra errors i avisos de lint en línia, sovint amb solucions ràpides.

Fragments de codi, integració de Git i diferències en codi VS

Els fragments de codi i la compatibilitat integrada amb Git permeten estalviar molt de temps al codi VS, ja que redueixen la repetició i simplifiquen el control de versions. Són totalment extensibles i estan profundament integrats amb l'editor.

Creació i ús de fragments personalitzats

Crea els teus propis fragments a través de Fitxer > Preferències > Configura fragments de codi. Trieu un idioma i definiu les entrades amb un prefix, bodyi opcional description. Marcadors de posició com ara $1, $2 i les opcions fan que els fragments siguin interactius i reutilitzables.

Conceptes bàsics de Git, opinions sobre culpa i diferències

VS Code té compatibilitat amb Git de fàbrica; obriu la vista de control de codi font amb Ctrl+Maj+G. Podeu fer staging, unstage, commits, crear branques i inspeccionar canvis sense sortir de l'editor.

La informació de culpa de Git apareix en línia i a la barra d'estat quan està habilitada. Feu servir ordres com ara “Git: Toggle Git Blame Editor Decoration” i “Git: Toggle Git Blame Status Bar Item” per activar o desactivar aquests suggeriments.

Les diferències entre revisions s'obren en un editor de diferències amb vistes en línia o en paral·lel. L'
El botó "Obre els canvis" o la selecció d'un fitxer modificat a la vista de control de codi font mostra exactament què ha canviat. Podeu activar/desactivar la vista en línia o configurar "diffEditor.renderSideBySide": false si preferiu una diferència d'una sola columna.

VS Code també ofereix un visor de diferències accessible controlat per F7 i Maj + F7. Presenta els canvis en una llista unificada d'estil pegat que podeu navegar amb les tecles de fletxa i després tornar a l'editor de diferències amb Enter.

Intervals de proves, desfer commits i sortida de Git

No cal que creeu fitxers sencers en un stage; podeu crear rangs seleccionats d'un diff. Seleccioneu text i executeu "Stage Selected Ranges" des de la paleta de comandes o el menú contextual diff per crear commits precisos.

Si et penedeix la teva última confirmació, utilitza l'acció “Confirma > Desfés l'última confirmació”. Torna a moure els canvis a l'àrea "Canvis en etapes" perquè pugueu editar el missatge o modificar-ne el contingut.

Feu servir “Git: Show Git Output” per veure les ordres exactes que executa VS Code. Això és una gran ajuda per a l'aprenentatge quan ets nou a Git o estàs depurant problemes complicats de repositoris.

Conflictes de fusió i eines externes de Git

Durant les fusions, la vista Control de codi font ressalta els fitxers en conflicte i els obre amb controls de resolució en línia. Les accions de CodeLens com ara "Accepta l'actual", "Accepta l'entrant", "Accepta tots dos" i "Compara els canvis" faciliten la resolució de conflictes.

També podeu configurar VS Code com a eina de fusió o comparació predeterminada per a Git. Les configuracions globals típiques tenen aquest aspecte:

git config --global merge.tool vscode
git config --global mergetool.vscode.cmd 'code --wait $MERGED'

git config --global diff.tool vscode
git config --global difftool.vscode.cmd 'code --wait --diff $LOCAL $REMOTE'

Depuració a VS CODE: Configuracions d'inici, punts d'interrupció i punts de registre

L'experiència de depuració de VS Code funciona amb extensions específiques de cada idioma, però segueix un patró coherent entre les piles. Un cop entenguis les configuracions d'inici i els punts d'interrupció, canviar d'idioma és fàcil.

Creació de configuracions d'inici

Obre la vista Executa i depura (Ctrl + Maj + D) i trieu “crea un fitxer launch.json” per començar. Trieu el vostre entorn (Node.js, Python, C++, etc.) i VS Code generarà una configuració inicial. A continuació, podeu personalitzar les rutes del programa, les variables d'entorn i les tasques que s'executaran abans del llançament.

Punts de ruptura, escales i inspecció de variables

Activeu/desactiveu els punts de ruptura fent clic al marge esquerre o prement F9 en una línia. Quan inicieu una sessió de depuració, apareix la barra d'eines de depuració amb controls per passar de funcions a funcions diferents, entrar-hi i sortir-ne, continuar l'execució i reiniciar sessions.

Inspeccioneu les variables a través del panell VARIABLES, els elements que es mostren per sobre de l'editor o la consola de depuració. Aquestes eines mostren variables locals, expressions de vigilància, marcs de pila de crides i més, depenent de l'adaptador d'idioma.

Punts de registre i punts d'interrupció activats

Els punts de registre són ideals per a escenaris de producció o difícils de reproduir on no es pot pausar fàcilment el procés. Afegiu-los des del canal mitjançant "Afegeix punt de registre"; registren els missatges (amb expressions avaluades opcionals a l'interior) {}) a la consola de depuració en comptes d'aturar l'execució.

Els punts d'interrupció activats només s'activen després que s'hagi arribat a un altre punt d'interrupció. Feu clic amb el botó dret al marge, trieu "Afegeix un punt d'interrupció activat" i especifiqueu el punt d'interrupció que l'ha d'activar. Això és especialment útil quan es produeix un error molts passos després d'una condició inicial.

Tasques, integració de npm i automatització en VS Code

Les tasques del VS Code us ajuden a executar eines externes (com ara compilacions, proves i linters) de manera coherent a tot l'equip. Combinats amb la integració amb npm, permeten mantenir tot el flux de treball accessible mitjançant dreceres de teclat.

Tasques i tasks.json detectats automàticament

seleccionar Terminal > Configura tasques per detectar automàticament tasques del vostre projecte. El codi VS suggerirà tasques (com ara npm install) i generar un tasks.json plantilla. A continuació, podeu personalitzar els grups (com ara marcar una tasca com a compilació predeterminada).

Un cop definides, executar tasques mitjançant Terminal > Executa tasca i atura'ls amb “Tanca la tasca”. Per a servidors o observadors de desenvolupament de llarga durada, això centralitza la gestió de processos.

Enllaçar tasques a dreceres de teclat i executar scripts npm

Feu servir combinacions de tecles per activar instantàniament les tasques que feu servir amb freqüència. Al fitxer de dreceres de teclat, assenyaleu workbench.action.tasks.runTask en una tasca amb nom utilitzant el args camp (per exemple, l'enllaç Ctrl + H a una tasca “Executar proves”).

scripts npm en package.json es poden executar com a tasques directament des de l'Explorador. Podeu canviar l'acció de clic predeterminada (mitjançant npm.scriptExplorerAction), exclouen certs scripts (npm.exclude), i fins i tot habilitar les accions del menú contextual "Executa l'script NPM a la carpeta..." amb npm.enableRunFromFolder.

Ajust de rendiment i memòria al Visual Studio

Quan les solucions del Visual Studio creixen molt o la memòria s'esgota, les recomanacions de rendiment esdevenen crucials. Moltes funcions es poden ajustar o desactivar temporalment per tal que tot funcioni correctament.

Utilitzeu un sistema operatiu de 64 bits i reduïu la sobrecàrrega de restauració de documents

Si s'executa el Visual Studio en un sistema operatiu Windows de 64 bits, la memòria virtual disponible per a l'IDE passa de 2 GB a 4 GB. Això millora directament la capacitat del Visual Studio per gestionar càrregues de treball pesades.

La restauració automàtica de documents pot alentir significativament la càrrega de la solució quan hi ha molts dissenyadors amb molts recursos oberts. Per desactivar la reobertura de documents en carregar la solució, aneu a Tools> Options, a sota Projectes i solucions > General a les versions més noves (o a la secció equivalent "Tota la configuració" a les més antigues), desmarqueu "Torna a obrir documents en carregar la solució". Aleshores, podeu utilitzar les ordres "Vés a" (Vés a tot, Vés a la darrera ubicació d'edició, Vés al fitxer recent) per tornar a obrir ràpidament el que realment necessiteu.

Configuració del depurador: Només el meu codi, símbols i eines de diagnòstic

Si activeu "Només el meu codi" durant la depuració, s'evita carregar símbols per a biblioteques externes i s'estalvia molta memòria. In Eines > Opcions > Depuració > General, marqueu "Activa només el meu codi". Alguns tipus de projecte tenen això habilitat per defecte, però val la pena verificar-ho.

Per a la depuració nativa, sigueu exigents amb els fitxers de símbols PDB que carregueu. Sota Depuració > Símbols, podeu especificar filtres de mòduls o utilitzar el diàleg "Especifica els filtres de càrrega de símbols" per incloure explícitament només els mòduls que us interessin. També podeu fer clic amb el botó dret als mòduls de la finestra Mòduls durant la depuració per carregar o ometre símbols específics.

Les eines de diagnòstic i la creació de perfils de CPU són potents però consumeixen molts recursos. Després d'acabar de crear perfils, desactiveu la creació de perfils de CPU i, si no necessiteu gràfics de diagnòstic en directe, desmarqueu "Activa les eines de diagnòstic durant la depuració" a Depuració > GeneralAixò allibera CPU i memòria per a la resta del flux de treball.

Roslyn, CodeLens i altres serveis pesants

En grans solucions .NET, el servei d'idiomes gestionat (Roslyn) i CodeLens poden ser consumidors importants de memòria i CPU. CodeLens, en particular, executa operacions de "Cerca totes les referències" per mostrar el recompte de referències en línia.

Podeu desactivar CodeLens a Editor de text > Tots els idiomes > CodeLens (o la secció equivalent) desmarcant "Habilita CodeLens". Això és especialment útil en màquines amb poca memòria o bases de codi enormes.

Les extensions del Visual Studio també poden causar problemes de rendiment. Ús Extensions > Gestiona les extensions per desactivar les extensions sospitoses una per una i veure com canvia el rendiment. L'eliminació de càrregues de treball no utilitzades mitjançant l'instal·lador del Visual Studio redueix encara més la sobrecàrrega d'inici i temps d'execució.

Desplaçament, dissenyador XAML i rendiment de Git

Funcions com el mode de mapa a la barra de desplaçament i l'ajust de paraules, tot i que són útils, es poden desactivar si necessiteu un rendiment en brut. A les opcions de la barra de desplaçament, canvia la barra de desplaçament vertical del mode mapa al mode barra. Per a l'ajust de línia, activa/desactiva Edita > Avançat > Ajust de paraules o desactivar-lo a Editor de text > Tots els idiomes > General.

El dissenyador XAML només consumeix recursos quan s'obren fitxers XAML, però el podeu desactivar completament si només editeu XAML en brut. In Eines > Opcions > XAML > General, desmarqueu "Habilita el dissenyador XAML" i reinicieu el Visual Studio.

Les operacions de Git poden alentir-se quan hi ha molts fitxers sense seguiment. Afegiu directoris pesats o fitxers generats a un local .gitignore a través de la interfície d'usuari de configuració del repositori Git al Visual Studio. Això accelera git status i ordres relacionades ignorant aquests camins.

Les versions més noves del Visual Studio inclouen una visualització de gràfics de commits que pot millorar l'experiència en navegar per l'historial de Git. Assegureu-vos que teniu una compilació recent del Visual Studio 2022 i que activeu totes les funcions de gràfics de Git que s'ofereixen a les eines de Git.

Forçar la recollida de brossa des del Visual Studio

Sota una pressió de memòria extrema, podeu activar manualment una recollida de brossa .NET des del Visual Studio. Premsa Ctrl + Alt + Shift + F12 dues vegades seguides per forçar el CLR a recollir objectes gestionats no utilitzats. Això rarament és necessari, però després d'operacions costoses com ara reconstruccions completes o sessions de depuració enormes, us pot ajudar a observar quanta memòria realment roman en ús.

Si la GC forçada fa que el Visual Studio es pugui utilitzar de manera consistent, considereu la possibilitat d'enviar comentaris a través de l'eina de comentaris de l'IDE. Aquest patró pot indicar un error subjacent o una fuita de memòria que l'equip del producte hauria d'investigar.

Tant si passeu la major part del dia al Visual Studio, al VS Code o a tots dos, dominar aquestes dreceres, eines de navegació, funcions de depuració i configuracions de rendiment millorarà radicalment la sensació de crear programari. Amb la combinació adequada d'IntelliSense, cerca ràpida, fluxos de treball de Git i depurador, a més d'un entorn ajustat que s'adapti a la vostra màquina i al vostre estil de codificació, l'IDE deixa de ser un coll d'ampolla i es converteix en un veritable multiplicador de força.