Hjem » Siste artikler » Slik får du mest ut av VS Code-terminalen i moderne utviklingsprosjekter

Slik får du mest ut av VS Code-terminalen i moderne utviklingsprosjekter

Hovedillustrasjon
Hovedillustrasjon. Foto: Danial Igdery / Unsplash.

Mange utviklere har Visual Studio Code åpen hele dagen, men lar likevel mye kraft ligge ubrukt i bunnen av vinduet: den innebygde terminalen. Brukt bevisst kan den kutte kontekstbytter, gjøre git-arbeid kjappere og gi bedre oversikt i prosjekter.

I denne artikkelen ser vi på konkrete grep som gjør VS Code-terminalen til et naturlig midtpunkt i arbeidsflyten, ikke bare et sted du av og til skrivernpm start.

Hvorfor bruke den innebygde terminalen i stedet for et eget vindu

Den største gevinsten er mindre hopping mellom apper. Når terminalen ligger i samme vindu som koden, blir det lettere å koble det du ser i filene til det som skjer i kommandolinjen. Feilmeldinger peker gjerne på linjer i filer som allerede er åpne.

I tillegg kan du lagre terminaloppsettet sammen med prosjektet, for eksempel via VS Code-innstillinger i repoet. Det gir lik startopplevelse for alle som jobber på samme kodebase, uavhengig av operativsystem.

Grunnoppsett: profiler, skall og standardkatalog

Start med å sørge for at terminalen bruker riktig skall. På macOS og Linux er det oftezshellerbash, på Windows gjernePowerShellellerGit Bash. ISettings > Features > Terminalkan du styre hvilket skall som skal startes for hver plattform.

Bruk profiler for ulike typer oppgaver. For eksempel en profil for backend-arbeid, en for frontend og en for databaser. Hver profil kan ha egen startkommando og miljøvariabler, slik at du slipper å skrive de samme fem kommandoene hver morgen.

Flere terminalfaner og delt visning

Moderne prosjekter har ofte flere samtidige prosesser: utviklingsserver, testkjøring, bygg og verktøy som watcher filer. I VS Code-terminalen kan du legge dette i egne faner, med navn som gir mening, for eksempelapi,webogtests.

Bruk også delt visning når du vil følge med på logg fra flere prosesser samtidig. For eksempel kan du hanpm run devi venstre panel og en interaktiv shell til databasen i høyre. Det gjør det lettere å se sammenhengen mellom en request, en SQL-spørring og en feil i konsollen.

Integrert git-arbeid uten å forlate terminalen

Selv om VS Code har et eget git-panel, er det ofte raskere å kombinere det med terminalen. Du kan for eksempel kjøregit statusog så umiddelbart åpne filer som dukker opp, uten å bytte kontekst. Kommandoencode .er mindre nyttig når du allerede er i VS Code, mencode <filnavn>:<linjenummer>kan fortsatt være hendig.

En praktisk rytme er: bruk terminalen til staging og commit, og git-panelet til å se diff og løse konflikter visuelt. Når du sitter midt i en rebase eller cherry-pick, føles det ofte tryggere å ha git-kommandologgen tydelig i terminalen.

Oppgavetypiske terminaloppsett med tasks

Tematisk illustrasjon
Tematisk illustrasjon. Foto: Pankaj Patel / Unsplash.

VS Codetaskslar deg definere navngitte terminalkommandoer i.vscode/tasks.json. Det gjør repeterende kommandoer klikkbare og delbare i teamet, samtidig som de fortsatt kjøres i terminalen slik at logg og feilmeldinger er godt synlige.

Et enkelt eksempel er en task for å starte utviklingsserveren. En mer avansert variant kan kjøre flere kommandoer i rekkefølge, for eksempel rydde byggekatalogen, kjøre tester og deretter starte serveren. Når alle jobber likt, blir det færre “det virker på min maskin”-situasjoner.

Vanlige snubletråder med terminalen i større prosjekter

En klassisk felle er å ha terminalen stående i feil mappe. I større monorepoer kan det være flerepackage.json-filer og egne byggsystemer i underkataloger. Gjør det til en vane å sjekke nåværende katalog med en rask kommando før du kjører scripts som kan ta tid.

En annen kilde til frustrasjon er ulike miljøvariabler lokalt, i CI og i produksjon. Når du kjører ting via terminalen i VS Code, blir det lettere å se hvilke variabler som faktisk er satt, sammenlignet med å kjøre samme kommando via en ekstern GUI-applikasjon.

Integrasjon med container og fjernmiljø

I mange prosjekter kjører utviklingsmiljøet i Docker eller i et fjernmiljø, for eksempel viaDev ContainersellerRemote SSH. Da blir terminalen i VS Code et direkte inngangspunkt til containeren eller serveren, uten at du trenger separate verktøy.

Det gir en lik opplevelse lokalt og eksternt, og reduserer risikoen for at du kjører kommandoer mot feil miljø. I stedet for å ha én terminal for lokal maskin og én for serveren, ligger alt bak samme hurtigtast og samme brukergrensesnitt.

Små grep som gir bedre opplevelse over tid

Noen små justeringer gir stor gevinst når du bruker terminalen mange timer daglig. Øk scrollback-historikken slik at du kan rulle langt tilbake i logg, og slå på tydelig markering av aktive terminaler, så du ser hvor tastetrykkene havner.

Tilpass også hurtigtaster for å åpne, bytte og lukke terminaler. Når dette sitter i fingrene, oppleves terminalen som en naturlig forlengelse av editoren, ikke som en egen “modus” du må tenke over.

Slik kan du ta neste steg i eget prosjekt

Begynn med ett konkret prosjekt og bestem deg for at all kommandolinjeaktivitet skal skje i VS Code-terminalen en uke. Legg merke til hvor du savner noe, for eksempel profiler, tasks eller bedre navngivning av faner, og forbedre oppsettet litt etter litt.

Målet er ikke å bruke alle funksjoner som finnes, men å få en arbeidsflate som føles rolig, forutsigbar og lett å navigere i når prosjektet vokser og loggen flyter over av informasjon.

0 kommentarer