Napredni savjeti i trikovi za Visual Studio i VS Code

Početna » Piton » Napredni savjeti i trikovi za Visual Studio i VS Code

Ako svaki dan provodite sate u Visual Studiju ili VS Codeu, malo više produktivnosti iz vašeg IDE-a brzo će se pretvoriti u ogromne uštede vremena. Moderni Microsoftovi alati skrivaju iznenađujuću količinu snage iza tipkovničkih prečaca, pametne navigacije, programa za ispravljanje pogrešaka i pozadinskih usluga, ali većina programera samo zagrebe površinu.

Ovaj vodič objedinjuje najkorisnije savjete, trikove i poboljšanja performansi iz Visual Studija i Visual Studio Codea u jedan detaljan vodič. Naučit ćete kako brže pisati i navigirati kodom, optimizirati ispravljanje pogrešaka, podesiti uređivač za velika rješenja i spriječiti da vam se računalo potpuno zaustavi kada vam nedostaje memorije. Sve je objašnjeno jednostavnim jezikom, s praktičnim prečacima i izbornicima koje možete odmah isprobati.

Brže pisanje koda u Visual Studiju

Visual Studio ima mnogo ugrađenih pomoćnih programa koji dramatično ubrzavaju svakodnevno uređivanje nakon što se na njih naviknete. Umjesto ručnog kopiranja i lijepljenja, stalnog korištenja miša ili pomicanja, oslonite se na praktične naredbe uređivača i IntelliSense.

Naredbe za uređivanje koje biste zapravo trebali koristiti

Umjesto ručnog kopiranja i lijepljenja redaka, duplicirajte ih jednom naredbom. Koristite izbornik Uredi > Dupliciraj ili prečac Ctrl+E, V za kloniranje trenutnog retka ili odabira direktno ispod. Za inteligentno proširivanje ili smanjivanje odabira koristite Uredi > Napredno > Proširi odabir or Odabir ugovoraili pogoditi Shift+Alt+= i Shift+Alt+-.

IntelliSense ispravno napravljen (uključujući način prijedloga)

IntelliSense u Visual Studiju je više od jednostavnog popisa za automatsko dovršavanje; podržava fuzzy podudaranje i bogate informacije o parametrima. Popisi članova prikazuju stavke koje sadržati znakove koje ste utipkali bilo gdje u nazivu, ne samo na početku, a opisi alata prikazuju savjete za parametre, brze informacije i pomoć za potpis dok tipkate.

Kada IntelliSense stalno umeće stavke koje ne želite, prebacite ga u način rada s prijedlozima. Press Ctrl+Alt+Razmaknica ili koristiti Uredi > IntelliSense > Uključi/isključi način dovršavanja tako da se prijedlozi pojavljuju, ali se ubacuju samo ako ih izričito potvrdite.

Isječci koda i "Zalijepi JSON/XML kao klase"

Isječci su jedan od najbržih načina za izradu standardnog koda u Visual Studiju. Možete umetnuti ugrađene isječke ili stvoriti vlastite. Koristite Uredi > IntelliSense > Umetni isječak or Okružite sili kliknite desnom tipkom miša u uređivaču i odaberite Isječak > Umetni isječak or Okružite s.

Prilikom rada s API-jima, "Zalijepi JSON/XML kao klase" djeluje gotovo magično. Kopirajte bilo koje JSON ili XML podatke u međuspremnik, otvorite C# ili VB datoteku koda i odaberite Uredi > Posebno lijepljenje > Zalijepi JSON kao klase (Ili Zalijepi XML kao klase). Visual Studio generira .NET klase snažnog tipa, spremne za korištenje, i može ubrzati tijekove rada koji uključuju analiziranje podataka pomoću SQL-a.

Adaptivno lijepljenje s GitHub Copilotom

Ako koristite GitHub Copilot, adaptivno lijepljenje u Visual Studiu može prilagoditi zalijepljeni kod vašem kontekstu. Copilot analizira gdje lijepite i može predložiti promjene poput dovršavanja nedostajućih elemenata sučelja, usklađivanja stila i formatiranja s okolnom datotekom, ispravljanja manjih pogrešaka, prevođenja između ljudskih ili programskih jezika ili nastavka već započetog obrasca.

Ugrađeni popravci s brzim radnjama

Brze akcije su vaš glavni alat za refaktoriranje i ispravljanje problema izravno u uređivaču. Kada Visual Studio prikaže ikonu odvijača ili žarulje, pritisnite Alt + Enter or Ctrl+. u toj liniji. Dobit ćete ispravke specifične za kontekst: generiranje metoda, sigurno preimenovanje, primjenu predloženih refaktoriranja i još mnogo toga.

Pregled i uređivanje definicija na licu mjesta

Ne morate uvijek napustiti trenutnu datoteku da biste pregledali tip ili metodu. Označite identifikator i pritisnite Alt + F12 (ili koristite kontekstni izbornik Definicija pregleda) za otvaranje definicije u malom uređivaču pregleda. Ako želite cijelu karticu, kliknite desnom tipkom miša i odaberite Idi na definiciju umjesto.

Učenje iz primjera aplikacija i prilagođavanje formatiranja

Microsoft objavljuje mnoge primjere aplikacija koje možete preuzeti kako biste naučili određene tehnologije ili obrasce. Instalirajte ih s Microsoft Developer Networka (MSDN) i istražite kako strukturiraju projekte, obrađuju pogreške ili povezuju slojeve korisničkog sučelja.

Visual Studio pruža preciznu kontrolu nad stilom koda, uključujući postavljanje zagrada i prijelome redaka. Za C#, istražite Opcije > Uređivač teksta > C# > Stil koda > OblikovanjeZa C++ i Python postoje slični odjeljci za formatiranje kako bi vaš tim mogao dijeliti dosljedan stil.

Ponašanje uvlačenja i tabulatora može se standardizirati pomoću postavki dijeljenog uređivača. Pod Uređivač teksta > Svi jezici > Kartice, ili po jeziku, možete odlučiti hoćete li koristiti tabulatore ili razmake, veličinu tabulatora i pravila uvlačenja. S prenosivim konfiguracijskim datotekama, ta pravila putuju s kodnom bazom između računala i urednika.

Učinkovito snalaženje u kodu i Visual Studio IDE-u

Brza navigacija često je razlika između osjećaja "izgubljenosti u kodu" i potpune kontrole nad velikim rješenjem. Visual Studio dolazi s moćnim prikazima oznaka, pretraživanja i karte kako biste se lakše orijentirali.

Oznake i navigacija simbolima

Koristite oznake kad god stalno skačete između nekoliko ključnih redaka. Uključi/isključi oznaku pomoću Uredi > Oznake > Uključi/isključi oznaku i upravljajte njima iz Oznake prozor. Zbog toga je prelazak između važnih mjesta u velikoj datoteci jednostavnim.

Za brzu navigaciju simbolima ili datotekama, oslonite se na naredbe "Idi na". Koristiti Uredi > Idi na za pretraživanje simbola ili datoteka unutar vašeg rješenja. Za snažnije, globalno pretraživanje tipova, članova, datoteka i simbola, koristite Idi na sve (Ctrl + T prema zadanim postavkama) za trenutni skok bilo gdje.

Razumijevanje strukture projekta pomoću Solution Explorera i mapa

Solution Explorer je više od stabla datoteka; to je strukturni prikaz vašeg projekta. Možete pretraživati ​​simbole, vidjeti hijerarhije poziva, pregledavati reference i otvarati stavke u kartici za pregled. Odabirom elementa koda u Solution Exploreru pomičete uređivač izravno do tog elementa.

Ako preferirate vizualniji prikaz ovisnosti, mape koda su izuzetno korisne. Izgradite a mapa koda vidjeti kako se projekti, imenski prostori i klase međusobno referenciraju bez čitanja cijelog izvornog koda redak po redak.

Način rada s trakom za pomicanje i nedavne datoteke

Način karte na vertikalnoj traci za pomicanje prikazuje minijaturni prikaz vaše datoteke kako biste se brže kretali po njoj. Možete ga prilagoditi putem opcija trake za pomicanje ako preferirate tradicionalniju traku ili želite prilagoditi njezino ponašanje.

Za datoteke koje stalno iznova pregledavate, naredbe poput "Idi na nedavnu datoteku" štede vrijeme. Popis nedavnih datoteka pod Uredi > Idi na > Idi na nedavnu datoteku (ili njegova prečica) prikazuje vaš radni skup tako da ne morate pamtiti putanje ili imenske prostore.

Sinkronizacija Solution Explorera i prilagođavanje izgleda

U ogromnim rješenjima lako je zaboraviti gdje se datoteka nalazi. Koristite Sinkronizacija s aktivnim dokumentom gumb u Solution Exploreru za označavanje otvorene datoteke u stablu projekta.

Raspored prozora u Visual Studiju je vrlo fleksibilan i vrijedi ga prilagoditi. Press F4 da biste premjestili prozor Svojstva na desnu stranu ako želite tradicionalniji raspored i eksperimentirajte s plutajućim prozorima dokumenata ili prozorima alata na sekundarnim monitorima. Možete čak otvoriti i drugi prikaz Istraživača rješenja za zasebno upravljanje datotekama.

Pretraživanje naredbi, datoteka i opcija poput profesionalca

Umjesto pretraživanja izbornika, koristite globalno pretraživanje i filtere Visual Studija kako biste pronašli točno ono što vam treba. Ovo funkcionira za naredbe, opcije, dijaloške okvire i sadržaj prozora alata.

Prozori alata za filtriranje i popis pogrešaka

Mnogi prozori alata podržavaju ugrađeno filtriranje tako da vidite samo relevantne stavke. Na primjer, Toolbox, Properties i Solution Explorer mogu se filtrirati upisivanjem dijela naziva stavke, skrivajući sve ostalo.

Okno s popisom pogrešaka omogućuje vam da se usredotočite na probleme koji vas zanimaju. kliknite Filter gumb za prikaz samo pogrešaka iz otvorenih datoteka, trenutne datoteke ili trenutnog projekta. Također možete pretraživati ​​po tekstu kako biste pronašli određenu poruku o pogrešci.

Brzo pronalaženje dijaloga, opcija i naredbi

Globalni okvir za pretraživanje u Visual Studiju je vaš prečac do gotovo svega. Pogodak Ctrl + Q i počnite tipkati stvari poput „novi projekt“, „tema“ ili „tipkovnički prečaci“. Visual Studio predlaže odgovarajuće naredbe izbornika, stranice s opcijama i datoteke; odaberite jednu i odmah ste tamo.

Pametnije otklanjanje pogrešaka u Visual Studiju

Sesije otklanjanja grešaka mogu potrošiti puno vremena i memorije, stoga je korištenje naprednih značajki programa za otklanjanje grešaka ključno. Visual Studiov program za ispravljanje pogrešaka izuzetno je sposoban kada se prijeđe preko osnovnih točaka prekida i zapisivanja u konzoli.

Osnove debuggera i svestrane točke prekida

„Otklanjanje pogrešaka“ u Visual Studiju znači pokretanje pod programom za otklanjanje pogrešaka, a ne samo slanje zapisnika. To vam omogućuje pregled varijabli, prolazak kroz kod i vizualizaciju performansi dok se aplikacija izvodi. Ako ste novi u ovome, vrijedi pročitati ugrađenu dokumentaciju za "prvi pogled na program za ispravljanje pogrešaka".

Postoji više vrsta točaka prekida, uključujući privremene i uvjetne. Do kursora možete doći pomoću Ctrl + F10 ili kliknite desnom tipkom miša na liniju i odaberite Trči do kursora, koja postavlja jednokratnu breakpoint i pokreće izvršavanje dok se ne dosegne ta linija.

Prikvačivanje vrijednosti varijabli i korištenje prozora Immediate

DataTips vam omogućuju izravno prikvačivanje vrijednosti varijabli u uređivaču. Dok je izvršavanje pauzirano, zadržite pokazivač miša iznad varijable, a zatim kliknite ikonu pribadače na DataTip-u. Nakon što zaustavite ispravljanje pogrešaka, plava ikona pribadače ostaje na margini; zadržavanjem pokazivača miša iznad nje prikazuje se posljednja ispravljena vrijednost u tom retku.

Prozor Immediate može se očistiti i ponovno koristiti bez ponovnog otvaranja. U vrijeme dizajniranja, upišite >cls or >Edit.ClearAll za brisanje njegovog sadržaja. Dostupni su mnogi drugi korisni aliasi naredbi za automatizaciju sitnih zadataka otklanjanja pogrešaka.

CodeLens, Live Share i interaktivni REPL-ovi

CodeLens prikazuje bogate informacije odmah iznad vaših metoda: reference, povijest, povezane radne stavke, testove i još mnogo toga. Omogućuje vam da ostanete usredotočeni u uređivaču dok pratite što se promijenilo, tko je to promijenio i gdje se to koristi.

Live Share pretvara otklanjanje pogrešaka u iskustvo suradnje. Vi i vaši suigrači možete istovremeno uređivati ​​i ispravljati greške u istoj kodnoj bazi, bez obzira na jezik ili vrstu projekta, bez potrebe da svi lokalno kloniraju repozitorij na isti način.

Interaktivni REPL prozori za jezike poput C# i Pythona savršeni su za eksperimentiranje. Pokrenite isječke koda i odmah pogledajte rezultate, a zatim kopirajte radne isječke natrag u svoj glavni projekt kada ste zadovoljni s njima.

Brzi pristup alatima za razvojne programere iz sustava Windows

Ako puno radite s Developer Command Prompt ili drugim Visual Studio alatima, prikvačite ih za pristup jednim klikom. Pregledaj %ProgramData%\Microsoft\Windows\Izbornik Start\Programi\Visual Studio 2019\Alati za Visual Studio, desni klik Naredbeni redak za razvojne programere, i odaberite Prikvači na početak or Prikvači na programsku traku.

Organizacija: Kartice, prozori i fontovi

Kako vaše rješenje raste, održavanje organizacije u IDE-u postaje jednako važno kao i pisanje čistog koda. Visual Studio vam nudi mnogo načina za održavanje vidljivosti često korištenih datoteka i ergonomskih rasporeda.

Prikvačivanje kartica i korištenje više monitora

Prikvačite kartice za datoteke koje stalno koristite kako bi ostale vidljive čak i kada je otvoreno mnogo drugih datoteka. Kliknite ikonu pribadače s lijeve strane kartice da biste je zaključali na mjestu.

Ako imate više monitora, premještajte prozore i dokumente kako biste izradili prilagođeni kokpit. Povucite karticu uređivača na drugi monitor da biste je otvorili u zasebnom prozoru ili povucite prozore alata poput okna za ispravljanje pogrešaka na namjenski zaslon. Možete čak stvoriti i "skupove" kartica alata i dokumenata spojenih zajedno.

Dupliciranje Solution Explorera i prilagođavanje fontova

Drugi prikaz Solution Explorera izvrstan je za upravljanje velikim kodnim bazama. Desnom tipkom miša istraživač rješenja i odaberite Novi prikaz istraživača rješenja, a zatim ga premjestite na drugi monitor ili ga priključite na drugi način.

Postavke fonta u Visual Studiju idu daleko dalje od "povećanja teksta". In Alati > Opcije > Okruženje > Fontovi i boje Možete promijeniti font, veličinu i boje za određene elemente kao što su komentari, ključne riječi ili tekst prozora alata, što značajno poboljšava čitljivost.

Visual Studio Code: Trikovi za svakodnevnu produktivnost

Visual Studio Code (VS Code) fokusira se na brzinu, prenosivost i proširivost, što ga čini izuzetno popularnim među web i višeplatformskim programerima. Mnoge od njegovih najboljih značajki nalaze se iza Palete naredbi, tipkovničkih prečaca i postavki temeljenih na JSON-u.

Početak rada i korištenje Palete naredbi

Najbrži način za istraživanje VS Codea je putem stranice dobrodošlice i ugrađenih vodiča. Otvorite ih iz Pomoć > Dobrodošli ili putem Pomoć: Dobrodošli naredbu u Paleti naredbi.

Paleta naredbi je vaš univerzalni kontrolni centar u VS Codeu. Press Ctrl + Shift + P (Ili Shift+Cmd+P na macOS-u) i počnite tipkati bilo koju naredbu, poput "Formatiraj dokument", "Preimenuj simbol" ili "Git: Preuzmi...". Rijetko ćete morati dodirnuti traku izbornika nakon što vam to postane navika.

Tipkovničke prečace koje morate znati u VS Codeu

Poznavanje nekoliko osnovnih prečaca odmah će vas ubrzati u VS Codeu. Koristiti Ctrl + P za brzo otvaranje datoteka, Ctrl+\ podijeliti uređivač u stupce i Ctrl+` za prebacivanje integriranog terminala. Za uređivanje više redaka isprobajte naredbe s više kursora kao što su Alt + klik za dodavanje kursora, Ctrl+Alt+Gore/Dolje za vertikalno dodavanje kursora i Ctrl + D za odabir sljedećeg pojavljivanja pojma.

Uređivanje paralelno je jednostavno i nevjerojatno korisno. Pogodak Ctrl+\ za razdvajanje, a zatim preskakanje između grupa urednika pomoću Ctrl + 1, Ctrl + 2, ili Ctrl + 3Za Markdown postoje specijalizirani prečaci poput Ctrl + Shift + V za otvaranje pregleda i Ctrl+KV za paralelno uređivanje i pregled.

Istraživač, Brzo otvaranje i povijest navigacije

Prikaz Explorer je brzo dostupan pomoću Ctrl + Shift + E, ali često ćete se do datoteka prebacivati ​​još brže pomoću Brzog otvaranja. Press Ctrl + P, počnite tipkati dio naziva datoteke i pritisnite ući, Tip ? unutar Brzog otvaranja za prikaz savjeta i naprednih opcija.

Nedavno otvorene mape i radni prostori dostupni su putem Ctrl + R. Ovo otvara brzi popis sličan Datoteka > Otvori nedavno, što vam omogućuje prelazak s projekta na projekt uz minimalan napor. Unutar projekta, Ctrl + Tab ciklički pregledava nedavne datoteke i Ctrl + G skače izravno na broj retka.

VS Code vam također omogućuje da pritisnete Ctrl+Klik (Cmd+Klik na macOS-u) putanju datoteke za otvaranje ili stvaranje te datoteke. Ovo je posebno korisno u konfiguracijskim datotekama i dokumentaciji gdje se često referencira na druge datoteke.

Integrirani terminal i ploče

Integrirani terminal drži vaš tijek rada unutar editora. Otvorite ga s Ctrl+`, promijenite ljuske iz padajućeg izbornika ili stvorite dodatne instance prema potrebi. Koristite Ctrl + J za otvaranje ili zatvaranje donje ploče kako ne bi zauzimala vertikalni prostor.

Zen način rada i plutajući prozori

Zen način rada skriva svu buku kada vam je potreban duboki fokus. Pogodak Ctrl+KZ (Cmd+KZ na macOS-u) za postupno smanjivanje bočnih traka i panela; pritisnite Esc dvaput za izlaz i povratak na korisničko sučelje.

Urednici, terminali i prikazi mogu se premjestiti u plutajuće prozore za postavke s više monitora. Povucite karticu iz glavnog prozora ili upotrijebite naredbe "Premjesti u novi prozor" / "Kopiraj u novi prozor" iz kontekstnog izbornika kartice.

VS kod iz naredbenog retka i osnove radnog prostora

VS Codeov CLI je moćan i savršen za integraciju s vašim radnim procesom shell-a. kada je code binary se nalazi na vašem PATH-u, možete otvarati mape, datoteke i diff-ove izravno iz terminala.

Uobičajene VS Code CLI naredbe

Postoji nekoliko obrazaca koje ćete stalno koristiti iz naredbenog retka. Primjeri uključuju:

• Otvori trenutni direktorij: code .
• Ponovno upotrijebi zadnji prozor: code -r .
• Otvori novi prozor: code -n
• Promijeni jezik: code --locale=es
• Razlika dvije datoteke: code --diff file1 file2
• Otvori na određenoj liniji: code --goto package.json:10:5
• Onemogući sva proširenja: code --disable-extensions .

Konfiguracija radnog prostora i mapa .vscode

Postavke, zadaci i konfiguracije pokretanja specifične za radni prostor nalaze se unutar .vscode mapu u korijenu vašeg projekta. Datoteke poput tasks.json (za pokretanje verzija, testova itd.) i launch.json (konfiguracija programa za ispravljanje pogrešaka) čine vaš projekt prenosivim i jednostavnim za postavljanje na bilo kojem računalu.

Statusna traka, problemi i jezični načini rada

Statusna traka na dnu VS Codea nije samo dekorativna; ona prikazuje ključne informacije i brze radnje. Broj grešaka, jezični načini, Git grana i još mnogo toga su dostupni jednim klikom.

Pogreške i upozorenja

Press Ctrl+Shift+M za otvaranje ploče Problemi i brzo prebacivanje kroz probleme. Koristiti F8 i Shift + F8 za ciklički pregled sljedeće i prethodne pogreške ili upozorenja te filtriranje popisa prema ozbiljnosti ili pomoću okvira za pretraživanje.

Promjena jezičnog načina

Jezik prikazan u statusnoj traci kontrolira koju sintaksu i alate VS Code koristi za trenutnu datoteku. Kliknite naziv jezika ili koristite Ctrl+KM za prebacivanje, zatim upotrijebite naredbu "Konfiguriraj povezivanje datoteka" ako želite da se ta ekstenzija uvijek mapira na određeni jezik.

Prilagođavanje VS koda: Teme, mape tipki i postavke

Jedna od najvećih prednosti VS Code-a je koliko ga duboko možete prilagoditi bez pisanja ikakvih dodataka. Teme, tipkovničke kombinacije, postavke, isječci i validacija udaljeni su samo nekoliko naredbi.

Promjena tema i rasporeda tipki

Promijenite teme boja naredbom "Postavke: Tema boja" ili Ctrl+K Ctrl+T. Dodatne teme s Marketplacea možete pregledavati i instalirati izravno iz tog alata za odabir.

Ako dolazite iz drugog uređivača, instalirajte proširenje za raspored tipki kako biste ponovno koristili poznate prečace. Pokrenite naredbu "Postavke: Raspored tipki" i odaberite popularne rasporede tipki poput Vima, Sublime Texta ili IntelliJ-a.

Uređivanje tipkovničkih prečaca

Uređivač tipkovničkih prečaca u VS Codeu prikazuje sva trenutna povezivanja u jednom prikazu s mogućnošću pretraživanja. Otvorite ga putem "Postavke: Otvori prečace na tipkovnici" ili Ctrl+K Ctrl+SKoristite ikonu olovke ili ući za dodjeljivanje novih prečaca ili prebacivanje na keybindings.json za uređivanje sirovog JSON-a.

Podešavanje postavki putem korisničkog sučelja ili datoteke settings.json

Prema zadanim postavkama koristit ćete korisničko sučelje Postavke, ali uvijek možete prebaciti na settings.json za preciznu kontrolu. Otvorite ga pomoću "Otvori korisničke postavke (JSON)" ili promijenite workbench.settings.editor postavku tako da JSON postane vaš zadani uređivač.

Uobičajene prilagodbe uključuju veličine fonta, razinu zumiranja, automatsko spremanje i ponašanje formatiranja. Na primjer, možete postaviti:

• "editor.fontSize": 18 za glavnog urednika
• "terminal.integrated.fontSize": 14 za terminal
• "window.zoomLevel": 1 za ukupno skaliranje korisničkog sučelja
• "files.autoSave": "afterDelay" za automatsko spremanje nakon kratke pauze
• "editor.formatOnSave": true i "editor.formatOnPaste": true kako bi kod bio uredan
• "editor.tabSize": 4 i "editor.insertSpaces": true za dosljedno uvlačenje
• "editor.renderWhitespace": "all" kada želite vidjeti svaki prostor i karticu

Za skrivanje datoteka ili mapa u Exploreru ili pretraživanju, koristite files.exclude i search.exclude postavke. Oni prihvaćaju glob obrasce i pomažu vam da zanemarite artefakte izgradnje ili direktorije dobavljača.

Postavke specifične za jezik i JSON validacija

Bilo koja postavka može se ograničiti na određeni jezik pomoću bloka identifikatora jezika. Na primjer:

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

JSON validacija je ugrađena i proširiva putem json.schemas. Možete povezati određene JSON datoteke (npr. bower.json ili prilagođene konfiguracije) sa shemama sa schemastore.org ili vašim vlastitim lokalnim datotekama, ili čak definirati ugrađene sheme u settings.json.

Zadani preglednik i složeni zapisnici

Kada pritisnete Ctrl+klik na poveznicu, VS Code je otvara u vašem zadanom pregledniku, što možete poništiti putem workbench.externalBrowser. Koristite vrijednosti poput "edge", "chrome", ili "firefox"ili izravno upućuju na izvršnu datoteku preglednika.

Zapisnici iz više servisa mogu se spojiti u jedan složeni zapisnik u Izlaznoj ploči. Upotrijebite "Stvori složeni dnevnik..." iz dodatnog izbornika ploče Izlaz za kombiniranje povezanih tokova i lakše otklanjanje pogrešaka u složenim tijekovima rada.

Proširenja i rad s datotekama u VS Codeu

Ekstenzije su mjesto gdje VS Code zaista oživljava, ali njihovo pravilno upravljanje i razumijevanje navigacije datotekama je ključno. Ovo održava vaše okruženje snažnim bez preopterećenja.

Otkrivanje, instaliranje i preporučivanje proširenja

Otvorite prikaz Proširenja pomoću Ctrl+Shift+X za pronalaženje i upravljanje proširenjima. Odatle možete pretraživati, vidjeti preporuke, filtrirati prema "Najpopularnijem" ili sortirati prema broju instalacija te omogućiti/onemogućiti proširenja po radnom prostoru.

Uobičajena neizostavna proširenja uključuju formatere poput Prettiera, lintere poput ESLinta i Git pomoćnike poput GitLensa. Mnogi članci i odabrane liste (poput awesome-vscode) prikazuju postavke za određene jezike i pakete.

Dijalozi datoteka, brzo otvaranje i povijest navigacije

Možete se prebaciti s dijaloga za datoteke OS-a na jednostavniji dijalog za brzi odabir datoteka putem files.simpleDialog. Ovo drži sve unutar VS Code-a i radi isto na svim platformama.

Brzo otvaranje (Ctrl + P) ne samo da pronalazi datoteke, već može otvoriti više dokumenata zaredom. Koristite tipku sa strelicom udesno dok je vidljivo Brzo otvaranje za otvaranje trenutnog odabira u pozadini i nastavak odabira dodatnih datoteka.

Povijest navigacije dostupna je putem Ctrl + Tab, a možete se skakati naprijed/nazad pomoću prečaca poput Alt+Lijevo / Alt+Desno (ili ekvivalenta na platformi). Ovo je posebno korisno nakon prelaska na definicije ili reference.

Asocijacije datoteka i sigurna spremanja

Koristiti files.associations kako bi se VS Codeu reklo da su određena prilagođena proširenja zapravo JSON, YAML ili neki drugi jezik. Na primjer, mapiranje .database do "json" omogućuje validaciju i IntelliSense za vlasnički format konfiguracije.

VS Code sprječava "prljavo pisanje" kada se datoteka promijenila na disku otkad ste je otvorili. Ako se to dogodi, VS Code prikazuje razliku između vaše verzije i verzije na disku i traži od vas da prihvatite promjene ili se vratite na disk, osiguravajući da nikada nećete tiho izgubiti vanjske izmjene.

Uređivanje Power Features u VS Codeu

VS Codeov editor uključuje mnoge skrivene dragulje za napredni odabir, navigaciju i transformaciju. Nakon što to postane mišićna memorija, ponavljajuće uređivanje teksta postaje mnogo manje bolno.

Odabir stupaca, ravnala i podešavanja pomicanja

Odabir stupca (okvira) omogućuje vam jednostavno uređivanje okomitih blokova teksta. Držati Shift + Alt (Shift+Option na macOS-u) dok povlačite mišem ili koristite namjenske prečace na tipkovnici za dodavanje kursora svakoj odabranoj liniji.

Vertikalna ravnala mogu se dodati putem editor.rulers za određivanje duljine linije. Na primjer, "editor.rulers": crta slabe okomite linije na tim stupcima.

Brzo pomicanje i zaključano pomicanje pomažu vam u navigaciji kroz velike datoteke ili više uređivača. Držanje drugo povećava brzinu pomicanja (podesivo putem editor.fastScrollSensitivity), a naredba "Prebaci zaključano pomicanje između uređivača" sinkronizira pomicanje između vidljivih uređivača tako da redci ostaju poravnati.

Kopiranje/premještanje redaka, rast odabira i obrezivanje praznina

Premještanje ili kopiranje redaka pomoću tipkovničkih prečaca umjesto izrezivanja/lijepljenja. Koristiti Alt+Gore/Dolje pomicanje linije ili Shift+Alt+Gore/Dolje kopirati ga (s nekim varijacijama specifičnim za operativni sustav, posebno na Linuxu).

Semantički smanjite i proširite odabire pomoću prečaca poput Shift+Alt+Lijevo/Desno. Te naredbe rastu od riječi do izraza, do izjave, do bloka, a zatim se ponovno smanjuju.

Koristiti Ctrl+K Ctrl+X za uklanjanje zaostalog praznog prostora u dokumentu. Kombinirajte ga sa "files.trimTrailingWhitespace": true ako želite da se to dogodi automatski prilikom spremanja.

Simboli, obris i poništavanje kursora

Idi na simbol u datoteci (Ctrl+Shift+O) i Idi na simbol u radnom prostoru (Ctrl + T) su neprocjenjivi u velikim kodnim bazama. dodati @: u pretraživanju simbola za grupiranje rezultata po vrsti.

Prikaz Outline u Exploreru prikazuje strukturu trenutne datoteke i omogućuje vam izravan prijelaz na funkcije, klase i regije. Možete sortirati po imenu, kategoriji ili poziciji.

Poništi pomicanje kursora s Ctrl + U ako si negdje greškom skočio/skočila. Ovo vraća posljednju promjenu položaja kursora bez poništavanja uređivanja.

Alati za formatiranje koda, savijanje i Markdown

Formatirajte odabir pomoću Ctrl+K Ctrl+F ili cijeli dokument s Shift+Alt+F. S konfiguriranim formaterima specifičnim za jezik, ovo automatski održava dosljednost stila vašeg koda.

Savijanje koda omogućuje vam sažimanje i proširivanje regija, funkcija ili komentara pomoću prečaca poput Ctrl+Shift+. Za brzo upravljanje vidljivom strukturom dostupne su i opcije „Presavij sve“, „Razvij sve“ i „Presavij sve komentare bloka“.

Za Markdown konkretno, možete otvoriti preglede i sinkronizirati ih s uređivačem. Ctrl + Shift + V otvara karticu za pregled, dok Ctrl+KV prikazuje uređivač i pregled jedan pored drugog s povezanim pomicanjem.

IntelliSense, pretraživanje i ESLint u VS Codeu

VS Codeove mogućnosti IntelliSensea i pretraživanja daleko nadilaze osnovno automatsko dovršavanje i obično pronalaženje/zamjenu. Kada se dobro koriste, pružaju vam vrstu inteligencije koda kakva se nalazi u teškim IDE-ima.

Akcije IntelliSense, Peek i Go To

Pokreni prijedloge pomoću Ctrl+razmaknica za pregled metoda, svojstava, nagovještaja parametara i inline dokumentacije. IntelliSense se prilagođava instaliranim jezičnim poslužiteljima i proširenjima, tako da bogatiji alati daju bogatije prijedloge.

Definicija pregleda (Alt + F12) otvara cilj u tekstu tako da ne morate napustiti trenutni kontekst. Idi na definiciju (F12 ili Ctrl+Klik) skače izravno na izvor, a Idi na reference (Shift + F12) navodi svaku upotrebu tog simbola.

Prikaz Pronađi sve reference (Shift+Alt+F12) pruža namjensku ploču koja prikazuje sve referentne skupine po datoteci. Simbole možete sigurno preimenovati pomoću F2, ažurirajući sve reference u jednoj operaciji.

Regex pretraga i zamjena s grupama

Omogućite regularne izraze u pretraživanju za izvođenje sofisticiranih refaktoriranja. kliknite Koristite regularni izraz gumb u traci za pretraživanje ili pritisnite prečac regularnog izraza (Alt + R na većini platformi). Koristite grupe za hvatanje u svom uzorku i referencirajte ih u polju Zamijeni s $1, $2, I tako dalje.

Integracija ESLinta

Kombinirajte ESLint ekstenziju s dobro konfiguriranim .eslintrc.json kako bi JavaScript i TypeScript kod bio čisti. Možete prilagoditi okruženja (preglednik, Node, ES6), opcije parsera (moduli, JSX) i pravila kako bi odgovarala stilskom vodiču vašeg projekta. VS Code zatim prikazuje pogreške i upozorenja o lint-u, često s brzim ispravcima.

Isječci, Git integracija i razlike u VS kodu

Isječci koda i ugrađena Git podrška štede mnogo vremena u VS Codeu, smanjujući standardne standarde i pojednostavljujući kontrolu verzija. Potpuno su proširivi i duboko integrirani s editorom.

Izrada i korištenje prilagođenih isječaka

Izradite vlastite isječke putem Datoteka > Postavke > Konfiguriraj isječke. Odaberite jezik, a zatim definirajte unose pomoću prefix, body, i neobavezno descriptionRezervirana mjesta poput $1, $2 i izbori čine isječke interaktivnima i višekratno upotrebljivima.

Osnove Gita, okrivljavanje i različiti pogledi

VS Code odmah ima Git podršku; otvorite prikaz Kontrola izvornog koda s Ctrl+Shift+G. Možete postavljati, uklanjati promjene iz pripravnosti, potvrđivati ​​promjene, stvarati grane i pregledavati promjene bez napuštanja uređivača.

Informacije o okrivljavanju u Gitu prikazuju se u tekstu i u statusnoj traci kada su omogućene. Koristite naredbe poput „Git: Toggle Git Blame Editor Decoration“ i „Git: Toggle Git Blame Status Bar Item“ za uključivanje ili isključivanje ovih savjeta.

Razlike između revizija otvaraju se u uređivaču razlika s prikazima jedan pored drugog ili u tekstu. The
Gumb "Otvori promjene" ili odabir izmijenjene datoteke u prikazu Kontrola izvora prikazuje točno što se promijenilo. Možete uključiti/isključiti prikaz u tekstu ili konfigurirati "diffEditor.renderSideBySide": false ako preferirate razliku s jednim stupcem.

VS Code također nudi pristupačan preglednik razlika kojim upravlja F7 i Shift + F7. Prikazuje promjene u objedinjenom popisu u stilu zakrpe kojim se možete kretati pomoću tipki sa strelicama, a zatim se vratiti u uređivač razlika pomoću ući.

Rasponi pripremanja, poništavanje commitova i Git izlaz

Ne morate pripremati cijele datoteke; možete pripremiti odabrane raspone iz razlike. Odaberite tekst i pokrenite "Pripremi odabrane raspone" iz Palete naredbi ili kontekstnog izbornika diff za izradu preciznih commitova.

Ako požalite zbog svog posljednjeg commita, upotrijebite akciju "Commit > Undo Last Commit". Premješta promjene natrag u područje "Fakultetskih promjena" tako da možete urediti poruku ili prilagoditi sadržaj.

Koristite "Git: Show Git Output" da biste vidjeli točne naredbe koje VS Code izvršava. Ovo je izvrsna pomoć pri učenju kada ste novi u Gitu ili rješavate probleme s teškim repozitorijima.

Konflikti spajanja i vanjski Git alati

Tijekom spajanja, prikaz Kontrole izvora ističe konfliktne datoteke i otvara ih s ugrađenim kontrolama razlučivosti. CodeLens akcije poput "Prihvati trenutno", "Prihvati dolazno", "Prihvati oboje" i "Usporedi promjene" olakšavaju rješavanje sukoba.

Također možete konfigurirati VS Code kao zadani alat za spajanje ili razlikovanje za Git. Tipične globalne konfiguracije izgledaju ovako:

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'

Rješavanje pogrešaka u VS CODE-u: Pokretanje konfiguracija, točaka prekida i točaka zapisivanja

VS Codeovo iskustvo otklanjanja pogrešaka pokreće se proširenjima specifičnim za jezik, ali slijedi dosljedan obrazac na svim stogovima. Nakon što shvatite konfiguracije pokretanja i točke prekida, promjena jezika je jednostavna.

Izrada konfiguracija za lansiranje

Otvorite prikaz Pokreni i ispravi greške (Ctrl + Shift + D) i odaberite "kreiraj datoteku launch.json" za početak. Odaberite svoje okruženje (Node.js, Python, C++, itd.), a VS Code generira početnu konfiguraciju. Zatim možete prilagoditi putanje programa, varijable okruženja i zadatke koji će se izvršavati prije pokretanja.

Točke prekida, korak po korak i inspekcija varijabli

Prebacivanje točaka prekida klikom na lijevu marginu ili pritiskom na F9 na liniji. Kada pokrenete sesiju otklanjanja pogrešaka, pojavljuje se alatna traka za otklanjanje pogrešaka s kontrolama za prelazak, ulazak i izlazak iz funkcija, nastavak izvršavanja i ponovno pokretanje sesija.

Pregledajte varijable putem okna VARIJABLE, zadržavanja pokazivača miša iznad uređivača ili konzole za ispravljanje pogrešaka. Ovi alati prikazuju lokalne varijable, izraze za praćenje, okvire poziva i još mnogo toga, ovisno o jezičnom adapteru.

Točke zapisivanja i aktivirane točke prekida

Točke zapisa idealne su za scenarije slične produkciji ili teško ponovljive scenarije gdje ne možete jednostavno pauzirati proces. Dodajte ih iz oluka pomoću "Dodaj točku zapisivanja"; oni zapisuju poruke (s opcionalnim evaluiranim izrazima unutra) {}) u konzolu za ispravljanje pogrešaka umjesto zaustavljanja izvršavanja.

Aktivirane točke prekida aktiviraju se tek nakon što se postigne druga točka prekida. Desnom tipkom miša kliknite marginu, odaberite "Dodaj okidačku točku prekida" i odredite točku prekida koja bi je trebala omogućiti. Ovo je posebno korisno kada se kvar dogodi mnogo koraka nakon početnog uvjeta.

Zadaci, npm integracija i automatizacija u VS Codeu

Zadaci u VS Codeu pomažu vam da dosljedno pokrećete vanjske alate (poput izrada, testova i lintera) u cijelom timu. U kombinaciji s npm integracijom, omogućuju vam da cijeli vaš tijek rada bude dostupan putem tipkovničkih prečaca.

Automatski otkriveni zadaci i tasks.json

odabrati Terminal > Konfiguriraj zadatke za automatsko otkrivanje zadataka iz vašeg projekta. VS Code će predložiti zadatke (kao što su npm install) i generirati tasks.json predložak. Zatim možete prilagoditi grupe (npr. označiti zadatak kao zadanu verziju).

Nakon definiranja, izvršavajte zadatke putem Terminal > Pokreni zadatak i zaustavite ih pomoću opcije "Prekini zadatak". Za dugotrajne razvojne poslužitelje ili nadzornike, ovo centralizira upravljanje procesima.

Povezivanje zadataka s tipkovničkim prečacima i pokretanje npm skripti

Koristite kombinacije tipki za trenutno pokretanje često korištenih zadataka. U datoteci s prečacima na tipkovnici, pokažite workbench.action.tasks.runTask na imenovanom zadatku koristeći args polje (na primjer, vezanje Ctrl + H na zadatak "Pokreni testove").

npm skripte u package.json mogu se pokrenuti kao zadaci izravno iz Explorera. Zadanu radnju klika možete promijeniti (putem npm.scriptExplorerAction), isključite određene skripte (npm.exclude), pa čak i omogućiti radnje kontekstnog izbornika "Pokreni NPM skriptu u mapi..." s npm.enableRunFromFolder.

Podešavanje performansi i memorije u Visual Studiju

Kada rješenja Visual Studia narastu velika ili memorija postane ograničena, preporuke za performanse postaju ključne. Mnoge značajke mogu se podesiti ili privremeno onemogućiti kako bi sve nesmetano funkcioniralo.

Koristite 64-bitni OS i smanjite opterećenje vraćanja dokumenata

Pokretanje Visual Studija na 64-bitnom Windows OS-u udvostručuje dostupnu virtualnu memoriju za IDE s 2 GB na 4 GB. To izravno poboljšava koliko dobro Visual Studio podnosi velika opterećenja.

Automatsko vraćanje dokumenata može značajno usporiti učitavanje rješenja kada je otvoreno mnogo zahtjevnih dizajnerskih programa. Da biste onemogućili ponovno otvaranje dokumenata prilikom učitavanja rješenja, idite na Alati> Opcije, zatim ispod Projekti i rješenja > Općenito U novijim verzijama (ili ekvivalentnom odjeljku "Sve postavke" u starijim), poništite odabir "Ponovno otvori dokumente pri učitavanju rješenja". Zatim možete koristiti naredbe "Idi na" (Idi na sve, Idi na posljednju lokaciju uređivanja, Idi na nedavnu datoteku) za brzo ponovno otvaranje onoga što vam zapravo treba.

Postavke programa za ispravljanje pogrešaka: Samo moj kod, simboli i dijagnostički alati

Omogućavanje opcije "Samo moj kod" tijekom otklanjanja pogrešaka izbjegava učitavanje simbola za vanjske biblioteke i štedi puno memorije. In Alati > Opcije > Otklanjanje pogrešaka > Općenito, označite "Omogući samo moj kod". Kod nekih vrsta projekata ovo je omogućeno prema zadanim postavkama, ali vrijedi provjeriti.

Za izvorno otklanjanje pogrešaka, budite izbirljivi oko toga koje PDB datoteke simbola učitavate. Pod Otklanjanje pogrešaka > Simboli, možete odrediti filtere modula ili koristiti dijalog "Odredi filtere za učitavanje simbola" kako biste eksplicitno uključili samo module koji vas zanimaju. Također možete desnom tipkom miša kliknuti module u prozoru Moduli tijekom otklanjanja pogrešaka kako biste učitali ili preskočili određene simbole.

Dijagnostički alati i profiliranje CPU-a su moćni, ali zahtijevaju mnogo resursa. Nakon što završite s profiliranjem, onemogućite profiliranje CPU-a i, ako vam nisu potrebni dijagnostički grafovi uživo, poništite odabir opcije "Omogući dijagnostičke alate tijekom otklanjanja pogrešaka" u Otklanjanje pogrešaka > OpćenitoTo oslobađa CPU i memoriju za ostatak vašeg tijeka rada.

Roslyn, CodeLens i druge teške usluge

Na velikim .NET rješenjima, servis za upravljanje jezikom (Roslyn) i CodeLens mogu biti značajni potrošači memorije i CPU-a. CodeLens, posebno, pokreće operacije "Pronađi sve reference" kako bi prikazao broj referenci u tekstu.

CodeLens možete onemogućiti pod Uređivač teksta > Svi jezici > CodeLens (ili ekvivalentni odjeljak) poništavanjem odabira opcije "Omogući CodeLens". Ovo je posebno korisno na računalima s malo memorije ili ogromnim kodnim bazama.

Proširenja u Visual Studiju također mogu uzrokovati probleme s performansama. Koristiti Proširenja > Upravljanje proširenjima onemogućiti sumnjiva proširenja jedno po jedno i vidjeti kako se mijenjaju performanse. Uklanjanje nekorištenih opterećenja putem instalacijskog programa za Visual Studio dodatno smanjuje opterećenje pokretanja i izvođenja.

Skrolanje, XAML dizajner i performanse Gita

Značajke poput načina karte na traci za pomicanje i prelamanja riječi, iako korisne, mogu se onemogućiti ako su vam potrebne sirove performanse. U opcijama trake za pomicanje prebacite okomitu traku za pomicanje iz načina karte u način trake. Za prelamanje riječi, uključite/isključite Uredi > Napredno > Prelom riječi ili ga onemogućite pod Uređivač teksta > Svi jezici > Općenito.

XAML dizajner troši resurse samo kada se otvore XAML datoteke, ali ga možete u potpunosti onemogućiti ako uređujete samo sirovi XAML. In Alati > Mogućnosti > XAML > Općenito, poništite odabir "Omogući XAML Designer" i ponovno pokrenite Visual Studio.

Git operacije mogu se usporiti kada postoji mnogo nepraćenih datoteka. Dodajte teške direktorije ili generirane datoteke lokalnom .gitignore putem korisničkog sučelja postavki Git repozitorija u Visual Studiju. To ubrzava git status i povezane naredbe ignoriranjem tih putova.

Novije verzije Visual Studija uključuju vizualizaciju grafa commit-a koja može poboljšati iskustvo prilikom pregledavanja povijesti Gita. Provjerite jeste li na nedavnoj verziji Visual Studija 2022 i omogućite sve značajke Git grafova koje se nude u Git alatima.

Prisilno skupljanje smeća unutar Visual Studija

Pod ekstremnim pritiskom memorije, možete ručno pokrenuti .NET sakupljanje smeća iz Visual Studija. Press Ctrl + Alt + Shift + F12 dva puta zaredom kako biste prisilili CLR da prikupi nekorištene upravljane objekte. To je rijetko potrebno, ali nakon skupih operacija poput potpunih ponovnih izgradnja ili velikih sesija otklanjanja pogrešaka, može vam pomoći da uočite koliko memorije stvarno ostaje u upotrebi.

Ako prisilna GC kontrola stalno ponovno omogućuje korištenje Visual Studia, razmislite o podnošenju povratnih informacija putem alata za povratne informacije IDE-a. Taj obrazac može ukazivati ​​na temeljnu grešku ili curenje memorije koje bi tim za izradu proizvoda trebao istražiti.

Bez obzira provodite li većinu dana u Visual Studiju, VS Codeu ili oboje, savladavanje ovih prečaca, alata za navigaciju, značajki za otklanjanje pogrešaka i postavki performansi radikalno će poboljšati osjećaj izrade softvera. S pravom kombinacijom IntelliSensea, brzog pretraživanja, Gita i tijeka rada za ispravljanje pogrešaka, plus podešenim okruženjem koje odgovara vašem računalu i stilu kodiranja, IDE prestaje biti usko grlo i postaje pravi multiplikator snage.