Når du skriver kommandoer i VS-kode, kan det nogle gange være det sidste du tænker på at prøve at være pæn. Selvom formatering ikke er påkrævet for at et program kan køre, hjælper det meget under fejlfinding og forsøg på at lokalisere fejl.
I denne artikel viser vi dig, hvordan du formaterer kode i VS-kode sammen med andre nyttige tips til at holde din kode velorganiseret.
Sådan formateres kode
VS Code har indbyggede kommandoer til at arrangere aktuelt indtastede kode til standardformatet. Disse genvejstaster kræver ingen yderligere udvidelser og kan bruges til enhver tid. Genvejene er som følger:
Til PC
Formater hele dokumentet:
Åbn filen med den kode, du ønsker at formatere.
Tryk på “Shift + Alt + F”.
Gem ændringerne ved at klikke på “Filer” i øverste venstre hjørne og derefter vælge “Gem” eller ved at trykke på “Ctrl + S”.
Kun formatering af valgt kode:
På filen med de kodelinjer, du ønsker at formatere, skal du vælge linjerne ved at fremhæve dem med musen.
Tryk på “Ctrl + K”.
Tryk på “Ctrl + F”.
Gem ændringerne enten ved at vælge “Gem” i menuen Filer i øverste venstre hjørne eller ved at trykke på “Ctrl + S”.
Bemærk, at hvis du trykker på “Ctrl + F” uden først at trykke på “Ctrl + K”, åbner du Find-menuen. Hvis dette sker, skal du bare lukke ved at klikke på “x”-knappen eller trykke på Esc.
Flyt linjer op eller ned:
Flyt markøren til begyndelsen af den linje, du ønsker at flytte.
Hold Alt-tasten nede.
Tryk på pil op for at flytte linjen opad. Tryk på pil ned for at flytte den ned.
Gem din fil ved at vælge den fra menuen Filer i øverste venstre hjørne af vinduet eller ved at trykke på “Ctrl + S”.
Skift indrykning af en enkelt linje:
Flyt markøren til begyndelsen af den linje, hvor du vil ændre indrykningen.
Tryk på “Ctrl + ]” for at øge indrykningen.
Tryk på “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 at øge fordybningen.
Tryk på “⌘ +[“foratmindskeindrykket[“todecreasetheindent
Gem filen ved at trykke på “⌘ + S” eller ved at vælge “Gem” fra menuen Filer i øverste venstre hjørne af vinduet.
VS-kodeformatkode ved Gem
VS Code har ikke en indbygget kommando, der formaterer dit dokument ved gem. I stedet kan dette gøres ved at installere en formateringsudvidelse på din VS Code-applikation. Den mest populære af disse udvidelser er Prettier, som giver en masse formateringsfunktioner til VS Code. Pænere kan installeres ved at gøre følgende:
Åbn VS-kode.
Klik på knappen Udvidelser i menuen til venstre. Dette er ikonet, der ligner fire kasser. Alternativt kan du trykke på “Ctrl + Shit + x” for pc eller “⌘ + ⇧ + x” på Mac.
I søgefeltet øverst i menuen skal du skrive smukkere.
Klik på knappen Installer i nederste højre hjørne af Prettier-ikonet.
Vent på, at udvidelsen afslutter installationen.
Før Prettier kan begynde at formatere dit dokument automatisk ved lagring, skal du konfigurere udvidelsen for at aktivere funktionen. Dette gøres ved at gøre følgende:
Åbn indstillingsvinduet ved at trykke på “Ctrl +” på pc eller “⌘ +” på Mac.
Indtast formater på søgefeltet. Dette skulle vise flere formateringsindstillinger.
Sørg for, at den valgte udvidelse er smukkere i indstillingen Editor: Default Formatter. Hvis der ikke er nogen standardformatering, eller VS-kode bruger en anden formatering som standard, skal du trykke på rullepilen. Vælg “Smukkere – Kodeformater” fra listen. Alternativt kan Prettier vises på listen som “esbenp.prettier-vscode”.
Sørg for, at indstillingen “Editor: Format On Save” er markeret. Hvis ikke, skift afkrydsningsfeltet.
Skriv “Smukkere” i indstillingssøgelinjen.
Rul ned, indtil du finder linjen “Prettier: Require Config”. Sørg for, at afkrydsningsfeltet er markeret. Denne indstilling forhindrer Prettier i at formatere dokumenter uden en konfigurationsfil. Dette er praktisk, når du ser på downloadet kode, der kan have sine egne formateringsregler. Dette forhindrer dig i at overskrive formateringsindstillinger utilsigtet. Bemærk, at navnløse filer stadig vil blive formateret automatisk, selvom denne indstilling er markeret.
Du kan redigere specifikke smukkere indstillinger afhængigt af dine præferencer. Når du er færdig, kan du forlade denne menu.
Da du har konfigureret Prettier til automatisk at formatere, når der er en konfigurationsfil, skal du oprette en for hvert projekt. Dette gøres ved at følge disse trin:
Vælg roden af dit projekt i menuen til venstre.
Klik på knappen Ny fil for at oprette en konfigurationsfil.
Navngiv denne fil “.prettierrc.”
På filen skal du blot indtaste {}.
Prettier vil nu automatisk formatere dit dokument, hver gang du gemmer det.
Tips til at holde orden på koden
Selvom indrykning ikke er nødvendig for at et program kan køre, kan det hjælpe med fejlfinding ved at opdele kode i håndterbare moduler. If-Then-udsagn eller indlejrede tilfælde kan f.eks. drage fordel af dette ved at gøre hver alternativ mulighed visuelt adskilt fra hinanden. Dette er praktisk, når du har at gøre med logiske fejl i stedet for syntaksfejl.
Hvis du navngiver moduler eller korte kodelinjer, så gør det til en vane at bruge beskrivende titler i stedet for blot at kalde det modul 1, modul 2 osv. Dette gør det nemmere at vide, hvilken del af koden der udfører en bestemt funktion.
Det er altid en god idé at bruge kommentarer til din fordel. Uanset om du inkluderer en hurtig beskrivelse eller blot tilføjer en note til dig selv, hjælper kommentarer enormt under fejlretning.
Organisationskode
At holde dine projekter korrekt formateret gør det ikke kun lettere at læse, det hjælper også med at identificere fejl og holder din kode organiseret. Selvom det ikke er nødvendigt for et program at køre, er det en klar fordel at vide, hvordan du formaterer dine filer i VS-kode.
Kender du til andre måder at formatere dine filer i VS Code på? Du er velkommen til at dele dine tanker i kommentarfeltet nedenfor.
