Når du skriver inn kommandoer i VS-kode, kan det å prøve å være ryddig noen ganger være det siste du tenker på. Selv om formatering ikke er nødvendig for at et program skal kjøre, hjelper det veldig under feilsøking og forsøk på å finne feil.
I denne artikkelen viser vi deg hvordan du formaterer kode i VS-kode sammen med andre nyttige tips for å holde koden din godt organisert.
Hvordan formatere kode
VS-kode har innebygde kommandoer for å ordne gjeldende kode til standardformatet. Disse hurtigtastene krever ingen ekstra utvidelser og kan brukes når som helst. Snarveiene er som følger:
For PC
Formater hele dokumentet:
Åpne filen med koden du ønsker å formatere.
Trykk «Shift + Alt + F».
Lagre endringene ved å klikke på «Fil» i øvre venstre hjørne og deretter velge «Lagre», eller ved å trykke «Ctrl + S».
Formaterer kun valgt kode:
På filen med kodelinjene du ønsker å formatere, velger du linjene ved å markere dem med musen.
Trykk «Ctrl + K».
Trykk «Ctrl + F».
Lagre endringene enten ved å velge «Lagre» på Fil-menyen i øvre venstre hjørne eller ved å trykke «Ctrl + S».
Merk at hvis du trykker «Ctrl + F» uten først å trykke «Ctrl + K» vil du åpne Finn-menyen. Hvis dette skjer, lukk bare ved å klikke på «x»-knappen eller trykke på Esc.
Flytt linjer opp eller ned:
Flytt markøren til begynnelsen av linjen du ønsker å flytte.
Hold nede Alt-tasten.
For å flytte linjen oppover, trykk på pil opp. For å flytte den ned, trykk på pil ned.
Lagre filen ved å velge den fra Fil-menyen i øvre venstre hjørne av vinduet eller ved å trykke «Ctrl + S».
Endre innrykk av en enkelt linje:
Flytt markøren til begynnelsen av linjen der du vil endre innrykk.
Trykk «Ctrl + ]» for å øke innrykk.
Trykk «Ctrl + [“ to decrease the indent.
Save changes by selecting Save from the File menu or by pressing “Ctrl + S”.
For Mac
Format the entire document:
Open the file with the code that you wish to format.
Press “⇧ + ⌥ + F.”
Save your changes by clicking “File” on the upper left then choosing “Save” or pressing “⌘ + S”.
Formatting selected code only:
Highlight the part of the document that you wish to format.
Press “⌘ + K”.
Press “⌘ + F”.
Save your file by pressing “⌘ + S” or by choosing “Save” from the File menu on the upper left corner of the window.
Note that using “⌘ + F” without pressing “⌘ + K” beforehand will only open the Find Menu. To close the Find Menu just press “x” on the right side or press Esc.
Move lines up or down:
Place your cursor at the beginning of the line you want to edit.
Hold down the “⌥” Key.
To move a line up, press the up arrow. To move it down, press the down arrow.
Save your changes by choosing “Save” from the File menu or by pressing “⌘ + S”.
Change indentation of a single line:
Move your cursor to the beginning of the line in which you want to change the indention.
Press “⌘ + ]» for å øke innrykket.
Trykk «⌘ +[«foråredusereinnrykk[“todecreasetheindent
Lagre filen ved å trykke «⌘ + S» eller ved å velge «Lagre» fra Fil-menyen i øvre venstre hjørne av vinduet.
VS-kodeformatkode ved Lagre
VS-kode har ikke en innebygd kommando som formaterer dokumentet ditt ved lagring. I stedet kan dette gjøres ved å installere en formateringsutvidelse på VS Code-applikasjonen. Den mest populære av disse utvidelsene er Prettier som gir mye formateringsfunksjonalitet til VS Code. Prettier kan installeres ved å gjøre følgende:
Åpne VS-kode.
Klikk på Extensions-knappen i menyen til venstre. Dette er ikonet som ser ut som fire bokser. Alternativt kan du trykke «Ctrl + Shit + x» for PC eller «⌘ + ⇧ + x» på Mac.
Skriv inn Prettier i søkefeltet øverst i menyen.
Klikk på Installer-knappen nederst til høyre på Prettier-ikonet.
Vent til utvidelsen fullfører installasjonen.
Før Prettier kan begynne å formatere dokumentet automatisk ved lagring, må du sette opp utvidelsen for å aktivere funksjonen. Dette gjøres ved å gjøre følgende:
Åpne innstillingsvinduet ved å trykke «Ctrl +,» på PC eller «⌘ +,» på Mac.
Skriv inn formatering på søkefeltet. Dette bør få frem flere formateringsinnstillinger.
På Editor: Default Formatter-innstillingen, sørg for at den valgte utvidelsen er penere. Hvis det ikke er noen standardformater eller VS-kode bruker en annen formatering som standard, trykk på rullegardinpilen. Velg «Penere – Kodeformater» fra listen. Alternativt kan Prettier vises på listen som «esbenp.prettier-vscode».
Kontroller at alternativet «Editor: Format On Save» er merket av. Hvis ikke, veksle mellom haken.
Skriv «Penere» i søkefeltet for innstillinger.
Rull ned til du finner linjen «Prettier: Require Config». Kontroller at avkrysningsboksen er merket av. Denne innstillingen forhindrer Prettier i å formatere dokumenter uten en konfigurasjonsfil. Dette er nyttig når du ser på nedlastet kode som kan ha sine egne formateringsregler. Dette forhindrer deg i å overskrive formateringsalternativer utilsiktet. Vær oppmerksom på at filer uten navn fortsatt vil formateres automatisk selv om denne innstillingen er merket av.
Du kan redigere spesifikke Prettier-innstillinger avhengig av dine preferanser. Når du er ferdig, kan du gå ut av denne menyen.
Siden du har konfigurert Prettier til automatisk å formatere bare når det er en konfigurasjonsfil, må du opprette en for hvert prosjekt. Dette gjøres ved å følge disse trinnene:
Velg roten til prosjektet på menyen til venstre.
Klikk på ny fil-knappen for å opprette en konfigurasjonsfil.
Gi denne filen navnet «.prettierrc.»
På filen skriver du bare inn {}.
Prettier vil nå automatisk formatere dokumentet når du lagrer det.
Tips for å holde orden på koden
Selv om innrykk ikke er nødvendig for at et program skal kjøre, kan det hjelpe til med feilsøking ved å oppdele kode i håndterbare moduler. If-Then-setninger eller nestede tilfeller, for eksempel, kan dra nytte av dette ved å gjøre hvert alternativ visuelt visuelt å skille fra hverandre. Dette kommer godt med når du har å gjøre med logiske feil i stedet for syntaksfeil.
Hvis du navngir moduler eller korte kodelinjer, gjør det til en vane å bruke beskrivende titler i stedet for bare å kalle det modul 1, modul 2 osv. Dette gjør det lettere å vite hvilken del av koden som har en bestemt funksjon.
Det er alltid en god idé å bruke kommentarer til din fordel. Enten du inkluderer en rask beskrivelse, eller bare legger til et notat til deg selv, hjelper kommentarer enormt under feilsøking.
Organisasjonskode
Å holde prosjektene riktig formatert gjør det ikke bare lettere å lese, det hjelper også med å identifisere feil og holder koden din organisert. Selv om det ikke er nødvendig for et program å kjøre, er det en klar fordel å vite hvordan du formaterer filene dine i VS-kode.
Vet du om andre måter å formatere filene dine i VS-kode på? Del gjerne tankene dine i kommentarfeltet nedenfor.
