10 Viktige produktivitetstips for Visual Studio-kode

Annonse

Visual Studio Code er lett den beste programmeringstekstredigereren. Den har erstattet Sublime Text som min valgte koderedigerer, og jeg kommer aldri tilbake. Det er en Elektronbasert JavaScript-app (som Atom, en annen høyt priset tekstredigeringsprogram), men den lynrask og lider ikke av ytelsesproblemer som de fleste JavaScript-apper.

Og i tilfelle du lurte på, ja: VS-koden er åpen kildekode og tilgjengelig på GitHub. For ti år siden, hvis jeg hadde fortalt deg at Microsoft ville omfatte open source-programvare, ville du ha lo. Se hvor langt vi har kommet!

La oss komme til det. Her er flere viktige tips i Visual Studio Code som du bør lære hvis du vil øke produktiviteten og arbeidsflyten til neste nivå.

(Hvis du fremdeles ikke er sikker om du skal velge Visual Studio Code fremfor Atom, kan vi hjelpe deg med å bestemme.)

1. Beherske kommandopaletten i VS-kode

Mye som Sublime Text (og TextMate før den), har VS Code noe som kalles a kommandopalett. Denne funksjonen lar deg få tilgang til forskjellige kommandoer bare ved å skrive dem ut i stedet for å bli tvunget til å navigere i menyer med musen.

Du kan få frem kommandopaletten med Ctrl + Shift + P snarvei. Bare begynn å skrive hva du vil gjøre (f.eks. "Lukk"), og alternativene oppdateres i sanntid. Noen kommandoer er kategorisert (f.eks. "File", Git "," Terminal ", etc.), slik at du kan bruke det til å finne kommandoer som du ikke ser ut til å finne.

2. Angi en Working Project Folder

Hvis du klikker på Explorer i navigasjonssidefeltet ser du en ny underpanel åpne opp. Denne underpanelet er delt inn i to seksjoner: Åpne redigeringsprogrammer (dvs. filer og dokumenter som for øyeblikket er åpne) og Ingen mappe åpnet. Det siste er det vi er interessert i.

Klikk Åpne mappen (eller du kan navigere til Fil> Åpne mappe i menylinjen) og velg hvilken som helst mappe på systemet ditt. Dette vil laste den mappen inn i VS-koden som det “nåværende arbeidsprosjektet”, noe som gir deg enkel tilgang til alle filer og undermapper, slik at du ikke trenger å fortsette å bla frem og tilbake til File Explorer.

3. Vis flere filer samtidig

De fleste moderne tekstredigerere kan støtte flere filer samtidig, slik at du kan veksle mellom åpne filer gjennom et slags tabulatorbasert grensesnitt. Mer avanserte tekstredigerere kan til og med støtte tekstredigering side om side, noe VS-koden gjør (om enn bare horisontalt).

Men side-ved-side-redigering er tøff på mindre skjermer, enten det betyr på en bærbar PC eller en eldre skjerm - og det er der VS-koden skinner.

Det har noe som heter dynamiske paneler, der hvis et av de åpne dokumentpanelene er for smale, utvides det automatisk når du gjør dokumentet aktivt (dvs. plasser markøren i det). Hvis du fremdeles bruker en oppløsning nær 720p, vil du elske denne funksjonen.

4. Rediger flere linjer samtidig

Hvis du noen gang trenger å sette inn eller slette flere forekomster av tekst i et dokument, er alt du trenger å gjøre flere markører. Du kan gjøre dette ved å holde nede alt (eller Alternativ på Mac) og klikke hvor som helst i teksten. Hvert klikk oppretter en ny markør.

Dette er spesielt nyttig for ting som HTML, der du kanskje vil legge til mange forekomster av samme klasse eller endre formatet til flere hyperkoblinger. Lær det og elsker det.

5. Gå til Definisjon

Når du programmerer eller skripter, vil du ofte komme til en variabel eller en metode som du ikke kjenner igjen. Så hva gjør du? Du kan bruke flere minutter på å søke etter riktig fil, eller du kan velge variabelen / metoden med markøren og trykke F12 å umiddelbart hoppe til sin definisjon.

Eller du kan bruke Alt + F12 tastatursnarvei for bare å kikke på definisjonen, som viser definisjonen rett på linje der markøren er i stedet for å åpne kildefilen.

For å gå motsatt retning, kan du velge en definert variabel / metode og bruke Skift + F12 hurtigtast for å finne alle referanser til det. Dette vises også på linje ved markøren.

For at disse funksjonene skal fungere, må du sørge for at riktig mappe åpnes som det “nåværende arbeidsprosjektet” (se tips nr. 2).

6. Gi nytt navn til alle tilfeller

Refactoring er en nødvendig aspekt ved skriving og vedlikehold av ren kode 10 tips for å skrive renere og bedre kodeÅ skrive ren kode ser lettere ut enn det faktisk er, men fordelene er verdt det. Slik kan du begynne å skrive renere kode i dag. Les mer , men det kan være ganske hodepine - spesielt når du refactoring en stor modul eller en ellers stor del av koden. Så i stedet for å jakte gjennom dusinvis av filer bare for å gi nytt navn til en variabel eller metode, la VS Code gjøre det for deg.

Hvis du velger en variabel / metode og treffer F2, kan du redigere navnet, og det vil endre alle forekomster av den variablenes navn gjennom hele det nåværende arbeidsprosjektet.

Hvis du bare vil endre i den gjeldende filen, bruker du Ctrl + F2 hurtigtast og VS-kode vil gyte en markør i alle tilfeller gjennom den gjeldende filen.

7. Søk i mange filer

Hvis du jobber med filer som ikke er kildekode, vil ikke symbolfunnfunksjonene ovenfor (i tips nr. 5) være brukbare. Så hva kan du gjøre når du trenger å finne en setning eller et ord, men ikke vet hvilken fil den er i? Du går tilbake til det grunnleggende finne funksjon.

Ctrl + F lar deg søke i den gjeldende filen, mens Ctrl + Shift + F lar deg søke i alle filene i hele det nåværende arbeidsprosjektet, inkludert alle undermapper rekursivt.

8. Bruk kommandolinjen i VS-kode

VS-kode leveres med en integrert terminal. På Windows vises denne terminalen som Command Prompt. På Mac og Linux vises det som en Bash-ledetekst. Uansett starter terminalen i det gjeldende arbeidsprosjektets katalog (hvis en er lastet) eller i hjemmemappen din (hvis ikke noe prosjekt er lastet).

Det støtter også muligheten til å ha flere separate terminaler. Bare klikk på + øverst til høyre for å spa flere terminalforekomster, eller klikk på Søppelbøtte for å stenge den nåværende terminalen. Nedtrekksmenyen gjør det enkelt å veksle mellom dem (og ikke kaster bort så mye skjermplass som et tabulatorbasert grensesnitt kan).

9. Installer et nytt tema i VS-kode

Som man kan forvente, lar VS-kode deg tema syntaksutheving av tekst og kildekode. Dessverre tillater det ikke tema for selve grensesnittet, men syntaksuthevingen er den viktige biten. Du vil bli overrasket over hvor mye et godt tema kan øke produktiviteten.

Du kan finne nye temaer på VS Code Marketplace (de er gratis), eller du kan søke etter dem direkte i VS-kode.

10. Installer tredjepartsutvidelser i VS-kode

Den siste viktige funksjonen å markere er utvidbarheten av VS-kode gjennom tredjepartsutvidelser. Som med temaer, kan du finne dem på VS Code Marketplace (ja, disse er også gratis), eller du kan søke etter dem i VS-kode. Åpne utvidelsespanelet med Ctrl + Shift + X snarvei.

Utvidelser er nøkkelen til å maksimere produktiviteten. Du finner alle slags verktøy her, som linters, feilsøkere, kodebiter, forbedringer av livskvaliteten til selve VS-koden, lage verktøy og til og med en som implementerer Vim-emulering. Hva med å ta en titt på våre favoritt-utvidelser av VS-kode 9 Visual Studio-kodeutvidelser som gjør programmeringen enda enklereVil du ha mer fra Visual Studio Code? Trenger du forbedrede verktøy og produktivitetsalternativer? Prøv disse Visual Studio Code-utvidelsene. Les mer ?

Visual Studio Code er den beste tekstredigereren

Så mye som jeg elsker det, vil jeg være den første til å innrømme at VS-koden ikke er perfekt for noen - ingenting er noensinne - og det er kanskje ikke det du leter etter. Eller kanskje er det akkurat det du trenger!

Prøv det og gå inn med et åpent sinn. Jeg tror du vil bli overrasket over det du finner. Legg merke til at VS-koden bare er en tekstredigerer, ikke en IDE! (Lær mer om forskjeller mellom tekstredigerere og IDEer.) Men du kan bruke dine VS-kodekunnskaper og start koding i nettleseren din med Microsoft Visual Studio Online Start koding i nettleseren din med Microsoft Visual Studio OnlineSamarbeidskoding for Visual Studio Code er i ferd med å bli bedre med ankomsten av Microsoft Visual Studio Online. Les mer .