Visual Studio Code er først og fremmest en editor og indeholder de funktioner, du har brug for til yderst produktiv redigering af kildekode. Dette emne viser dig de grundlæggende funktioner i editoren og hjælper dig med at komme i gang med din kode.

Tastaturgenveje

Det er afgørende for høj produktivitet at kunne holde hænderne på tastaturet, når du skriver kode. VS Code har et rigt sæt standardtastaturgenveje samt mulighed for at tilpasse dem.

  • Reference for tastaturgenveje – Lær de mest almindeligt anvendte og populære tastaturgenveje ved at downloade referencearket.
  • Installer en Keymap-udvidelse – Brug tastaturgenvejene fra din gamle editor (f.eks. Sublime Text, Atom og Vim) i VS Code ved at installere en Keymap-udvidelse.
  • Tilpas tastaturgenveje – Ændr standardtastaturgenvejene, så de passer til din stil.

Flere valg (multi-cursor)

VS Code understøtter flere cursorer for hurtige samtidige redigeringer. Du kan tilføje sekundære markører (der gengives tyndere) med Alt+Klik. Hver markør fungerer uafhængigt baseret på den kontekst, den befinder sig i. En almindelig måde at tilføje flere markører på er med ⌥⌘↓ (Windows Ctrl+Alt+Down, Linux Shift+Alt+Down) eller ⌥⌘ (Windows Ctrl+Alt+Up, Linux Shift+Alt+Up), der indsætter markører under eller over.

Bemærk: Din grafikkortdriver (f.eks. NVIDIA) overskriver muligvis disse standardgenveje.

Multi-cursor

⌘D (Windows, Linux Ctrl+D) markerer ordet ved cursoren eller den næste forekomst af det aktuelle valg.

Multi-cursor-næste-ord

Tip: Du kan også tilføje flere cursorer med ⇧⌘L (Windows, Linux Ctrl+Shift+L), som tilføjer en markering ved hver forekomst af den aktuelle markerede tekst.

Multi-cursor-modifikator

Hvis du gerne vil ændre modifikationstasten til at anvende flere cursorer til Cmd+Klik på macOS og Ctrl+Klik på Windows og Linux, kan du gøre det med indstillingen editor.multiCursorModifier. Dette gør det muligt for brugere, der kommer fra andre redigeringsprogrammer som Sublime Text eller Atom, at fortsætte med at bruge den tastaturmodifikator, som de er bekendt med.

Indstillingen kan indstilles til:

  • ctrlCmd – Afbilder Ctrl på Windows og Cmd på macOS.
  • alt – Den eksisterende standardindstilling Alt.

Der er også et menupunkt Brug Ctrl+Klik til multi-cursor i menuen Valg for hurtigt at skifte denne indstilling.

Gå til definition og Åbn link-bevægelserne respekterer også denne indstilling og tilpasser sig således, at de ikke er i konflikt. Når indstillingen er ctrlCmd, kan der f.eks. tilføjes flere markører med Ctrl/Cmd+Klik, og åbne links eller gå til definition kan påkaldes med Alt+Klik.

Krymp/udvide valg

Krymp eller udvide det aktuelle valg hurtigt. Udløs det med ⌃⇧⌘← (Windows, Linux Shift+Alt+Links) og ⌃⇧⌘→ (Windows, Linux Shift+Alt+Right).

Her er et eksempel på udvidelse af markeringen med ⌃⇧⌘→ (Windows, Linux Shift+Alt+Højre):

Udvide markeringen

Spalte (boks)-markering

Placér markøren i det ene hjørne, og hold derefter Shift+Alt nede, mens du trækker til det modsatte hjørne:

Kolonne tekstvalg

OBS: Dette ændres til Shift+Ctrl/Cmd, når du bruger Ctrl/Cmd som multi-cursor-modifikator.

Der er også standardtastebindinger til kolonnevalg på macOS og Windows, men ikke på Linux.

Key Command Command ID
⇧⌥⌘↓ (Windows Ctrl+Shift+Alt+Down, Linux ) Spaltevalg nedad cursorColumnSelectDown
⇧⌥⌘ (Windows Ctrl+Shift+Alt+Up, Linux ) Spaltevalg op cursorColumnSelectUp
⇧⌥⌘← (Windows Ctrl+Shift+Alt+Links, Linux ) Spaltevalg venstre cursorColumnSelectLeft
⇧⌥⌘→ (Windows Ctrl+Shift+Alt+Right, Linux ) Kolonnevalg til højre cursorColumnSelectRight
⇧⌥⌘PageDown (Windows Ctrl+Shift+Alt+PageDown, Linux ) Kolonnevalg side ned cursorColumnSelectPageDown
⇧⌥⌘PageUp (Windows Ctrl+Shift+Alt+PageUp, Linux ) Spaltevalg Side op cursorColumnSelectPageUp

Du kan redigere dine keybindings.json for at binde dem til noget mere velkendt, hvis du ønsker det.

Spaltevalgstilstand

Brugerindstillingen Editor: Kolonnevalg styrer denne funktion. Når denne tilstand er aktiveret, som angivet i statuslinjen, vil musebevægelser og piletasterne som standard skabe et kolonnevalg. Denne globale omskifter er også tilgængelig via menupunktet Valg > Kolonnevalgstilstand. Derudover kan man også deaktivere Column Selection-tilstand fra Statuslinjen.

Save / Auto Save

Som standard kræver VS Code en eksplicit handling for at gemme dine ændringer på disken, ⌘S (Windows, Linux Ctrl+S).

Det er dog nemt at slå Auto Save til, som gemmer dine ændringer efter en konfigureret forsinkelse, eller når fokus forlader editoren. Når denne indstilling er slået til, er det ikke nødvendigt at gemme filen eksplicit. Den letteste måde at slå Auto Save til på er med skifteknappen File > Auto Save (Fil > Automatisk lagring), der aktiverer og deaktiverer lagring efter en forsinkelse.

For at få mere kontrol over Auto Save skal du åbne Bruger- eller arbejdsområdeindstillingerne og finde de tilhørende indstillinger:

  • files.autoSave: Kan have værdierne:
    • off – for at deaktivere automatisk lagring.
    • afterDelay – for at gemme filer efter en konfigureret forsinkelse (standard 1000 ms).
    • onFocusChange – for at gemme filer, når fokus flyttes ud af editoren for den beskidte fil.
    • onWindowChange – for at gemme filer, når fokus flyttes ud af VS Code-vinduet.
  • files.autoSaveDelay: Konfigurerer forsinkelsen i millisekunder, når files.autoSave er konfigureret til afterDelay. Standardværdien er 1000 ms.

Hot Exit

VS Code husker som standard ikke gemte ændringer i filer, når du afslutter. Hot exit udløses, når programmet lukkes via File > Exit (Code > Quit på macOS), eller når det sidste vindue lukkes.

Du kan konfigurere hot exit ved at indstille files.hotExit til følgende værdier:

  • "off":
  • "onExit": Hot exit udløses, når programmet lukkes, dvs. når det sidste vindue lukkes på Windows/Linux, eller når kommandoen workbench.action.quit udløses (fra kommandopaletten, tastaturgenvejen eller menuen). Alle vinduer uden åbne mapper genoprettes ved næste start.
  • "onExitAndWindowClose": Hot exit udløses, når programmet lukkes, dvs. når det sidste vindue lukkes på Windows/Linux, eller når kommandoen workbench.action.quit udløses (fra kommandopaletten, tastaturgenvejen eller menuen), og også for alle vinduer med en åben mappe, uanset om det er det sidste vindue eller ej. Alle vinduer uden åbne mapper vil blive genoprettet ved næste start. Hvis du vil gendanne mappevinduer, som de var før nedlukning, skal du indstille window.restoreWindows til all.

Hvis noget går galt med hot exit, gemmes alle sikkerhedskopier i følgende mapper for standardinstallationssteder:

  • Windows %APPDATA%\Code\Backups
  • macOS $HOME/Library/Application Support/Code/Backups
  • Linux $HOME/.config/Code/Backups

Find og erstat

VS Code giver dig mulighed for hurtigt at finde tekst og erstatte i den aktuelt åbnede fil. Tryk på ⌘F (Windows, Linux Ctrl+F) for at åbne Find Widget i editoren, søgeresultater vil blive fremhævet i editoren, oversigtslinealen og minimap.

Hvis der er mere end ét matchet resultat i den aktuelt åbnede fil, kan du trykke på Enter og ⇧Enter (Windows, Linux Shift+Enter) for at navigere til næste eller forrige resultat, når find-inputboksen er fokuseret.

Søgestrenge fra valg

Når Find Widget åbnes, vil den automatisk fylde den valgte tekst i editoren ind i søgeindtastningsfeltet. Hvis markeringen er tom, indsættes ordet under markøren i stedet i indtastningsfeltet.

Seed Search String From Selection

Denne funktion kan slås fra ved at indstille editor.find.seedSearchStringFromSelection til false.

Find In Selection

Som standard køres søgeoperationerne på hele filen i editoren. Den kan også køres på markeret tekst. Du kan slå denne funktion til ved at klikke på hamburgerikonet på Find Widget.

Find In Selection

Hvis du ønsker, at det skal være standardadfærd for Find Widget, kan du indstille editor.find.autoFindInSelection til always, eller til multiline, hvis du kun ønsker, at den skal køres på markeret tekst, når der er markeret flere linjer indhold.

Advancerede muligheder for at finde og erstatte

Ud over at finde og erstatte med almindelig tekst har Find Widget’en også tre avancerede søgemuligheder:

  • Match Case
  • Match Whole Word
  • Regular Expression

Inputboksen til erstatning understøtter bevarelse af case, du kan slå det til ved at klikke på knappen Preserve Case (AB).

Understøttelse af flere linjer og ændring af størrelsen af Find Widget

Du kan søge i tekst på flere linjer ved at indsætte teksten i indtastningsfeltet Find og indtastningsfeltet Udskift. Ved at trykke på Ctrl+Enter indsættes en ny linje i indtastningsfeltet.

Understøttelse af flere linjer

Når du søger efter lang tekst, kan standardstørrelsen af Find Widget være for lille. Du kan trække i den venstre skråstreg for at forstørre Find Widget eller dobbeltklikke på den venstre skråstreg for at maksimere den eller formindske den til standardstørrelsen.

Restørrelse af Find Widget

Søgning på tværs af filer

VS Code giver dig mulighed for hurtigt at søge i alle filer i den aktuelt åbnede mappe. Tryk på ⇧⌘F (Windows, Linux Ctrl+Shift+F), og indtast dit søgeord. Søgeresultaterne er grupperet i filer, der indeholder søgeudtrykket, med angivelse af hits i hver fil og dens placering. Udvid en fil for at få vist en forhåndsvisning af alle hits i den pågældende fil. Du kan derefter enkeltklikke på et af hitsene for at få det vist i editoren.

En simpel tekstsøgning på tværs af filer

Tip: Vi understøtter også søgning med regulære udtryk i søgefeltet.

Du kan konfigurere avancerede søgemuligheder ved at klikke på ellipsen (Skift søgeoplysninger) under søgefeltet til højre (eller tryk på ⇧⌘J (Windows, Linux Ctrl+Shift+J)). Dette vil vise yderligere felter til at konfigurere søgningen.

Advancerede søgemuligheder

Advancerede søgemuligheder

I de to indtastningsfelter under søgefeltet kan du indtaste mønstre, som du vil inkludere eller udelukke fra søgningen. Hvis du indtaster example, vil det matche alle mapper og filer med navnet example i arbejdsområdet. Hvis du indtaster ./example, vil det matche mappen example/ på det øverste niveau i dit arbejdsområde. Brug , til at adskille flere mønstre. Stier skal bruge skråstreger fremad. Du kan også bruge glob-syntaks:

  • * for at matche et eller flere tegn i et sti-segment
  • ? for at matche på et tegn i et sti-segment
  • ** for at matche et vilkårligt antal sti-segmenter, herunder ingen
  • {} for at gruppere betingelser (f.eks. {**/*.html,**/*.txt} matcher alle HTML- og tekstfiler)
  • for at angive et område af tegn, der skal matches (example. for at matche på example.0, example.1, …)

VS Code udelukker som standard nogle mapper for at reducere antallet af søgeresultater, som du ikke er interesseret i (f.eks: node_modules). Åbn indstillingerne for at ændre disse regler under afsnittet files.exclude og search.exclude.

Bemærk, at glob-mønstre i søgevisningen fungerer anderledes end i indstillinger som files.exclude og search.exclude. I indstillingerne skal du bruge **/example til at matche en mappe ved navn example i undermappe folder1/example i dit arbejdsområde. I søgevisningen antages præfikset **.

Bemærk også knappen Brug indstillinger for udelukkelse og Ignorer filer til at skifte i feltet Filer, der skal udelukkes. Skiftet bestemmer, om du skal udelukke filer, der ignoreres af dine .gitignore-filer og/eller matches af dine files.exclude– og search.exclude-indstillinger.

Tip: Fra Stifinder kan du højreklikke på en mappe og vælge Find i mappe for kun at søge i en mappe.

Søg og erstat

Du kan også søge og erstatte på tværs af filer. Udvid widgetten Søg for at få vist tekstboksen Udskift.

Søg og erstat

Når du indtaster tekst i tekstboksen Udskift, vises en diff-visning af de ventende ændringer. Du kan erstatte på tværs af alle filer fra tekstboksen Udskift, erstatte alle i én fil eller erstatte en enkelt ændring.

Søge og erstatte diff-visning

Tip: Du kan hurtigt genbruge et tidligere søgeudtryk ved at bruge ↓ (Windows, Linux nedad) og (Windows, Linux opad) til at navigere gennem din søgeudtrykshistorik.

IntelliSense

Vi vil altid tilbyde ordkomplettering, men for de rige sprog, såsom JavaScript, JSON, HTML, CSS, SCSS, Less, C# og TypeScript, tilbyder vi en ægte IntelliSense-oplevelse. Hvis en sprogtjeneste kender mulige ordforklaringer, vises IntelliSense-forslagene, mens du skriver. Du kan altid udløse det manuelt med ⌃Space (Windows, Linux Ctrl+Space). Som standard er Tab eller Enter de accepterede tastaturudløsere, men du kan også tilpasse disse tastaturbindinger.

Tip: Filtreringen af forslag understøtter CamelCase, så du kan skrive de bogstaver, der er skrevet med stort begyndelsesbogstav i et metode-navn, for at begrænse forslagene. For eksempel vil “cra” hurtigt bringe “createApplication” frem.

Tip: IntelliSense-forslag kan konfigureres via indstillingerne editor.quickSuggestions og editor.suggestOnTriggerCharacters.

JavaScript- og TypeScript-udviklere kan drage fordel af npmjs-fildepotet for typedeklarationer (typings) for at få IntelliSense for almindelige JavaScript-biblioteker (Node.js, React, Angular). Du kan finde en god forklaring på brugen af typedeklarationsfiler i emnet om JavaScript-sprog og i Node.js-tutorialen.

Læs mere i IntelliSense-dokumentet.

Formatering

VS Code har god understøttelse for formatering af kildekode. Editoren har to eksplicitte formateringshandlinger:

  • Formater dokument (⇧⌥F (Windows Shift+Alt+F, Linux Ctrl+Shift+I)) – Formater hele den aktive fil.
  • Formater valg (⌘K ⌘F (Windows, Linux Ctrl+K Ctrl+F)) – Formater den valgte tekst.

Du kan påkalde disse fra kommandopaletten (⇧⌘P (Windows, Linux Ctrl+Shift+P)) eller editorens kontekstmenu.

VS Code har standardformatere for JavaScript, TypeScript, JSON og HTML. Hvert sprog har specifikke formateringsindstillinger (f.eks. html.format.indentInnerHtml), som du kan indstille efter dine præferencer i dine bruger- eller arbejdsområdeindstillinger. Du kan også deaktivere standardsprogsformatteren, hvis du har en anden udvidelse installeret, der giver formatering for det samme sprog.

"html.format.enable": false

Sammen med manuel kodeformatering kan du også udløse formatering baseret på brugerens bevægelser, f.eks. ved at skrive, gemme eller indsætte. Disse er som standard slået fra, men du kan aktivere disse adfærdsmåder via følgende indstillinger:

  • editor.formatOnType – Formaterer linjen efter indtastning.
  • editor.formatOnSave – Formaterer en fil ved lagring.
  • editor.formatOnPaste – Formaterer det indsatte indhold.

Bemærk: Ikke alle formateringsværktøjer understøtter formatering ved indsættelse, da de for at kunne gøre det skal understøtte formatering af et valg eller et tekstområde.

Ud over standardformateringsværktøjerne kan du finde udvidelser på markedspladsen, der understøtter andre sprog eller formateringsværktøjer. Der er en Formatters kategori, så du nemt kan søge og finde formateringsudvidelser. Skriv “formatters” eller “category:formatters” i søgefeltet i visningen Udvidelser i visningen Udvidelser for at få vist en filtreret liste over udvidelser i VS Code.

Foldning

Du kan folde områder af kildekode ved hjælp af foldningsikonerne i rendestenen mellem linjenumre og linjestart. Før musen hen over rendestenen, og klik for at folde og folde regioner ud. Brug Shift + Klik på foldningsikonet for at folde eller folde regionen og alle regioner indeni op eller ned.

Foldning

Du kan også bruge følgende handlinger:

  • Fold (⌥⌘ (Windows, Linux Ctrl+Shift+])) folder den sammenklappede region ved markøren op.
  • Toggle Fold (⌘K ⌘L (Windows, Linux Ctrl+K Ctrl+L)) folder eller udfolder regionen ved markøren.
  • Fold Rekursivt (⌘K ⌘ (Windows, Linux Ctrl+K Ctrl+])) udfolder regionen ved markøren og alle regioner inden for denne region.
  • Fold alle (⌘K ⌘0 (Windows, Linux Ctrl+K Ctrl+K Ctrl+0)) folder alle regioner i editoren.
  • Unfold alle (⌘K ⌘J (Windows, Linux Ctrl+K Ctrl+J)) folder alle regioner i editoren ud.
  • Fold niveau X (⌘K ⌘2 (Windows, Linux Ctrl+K Ctrl+2) for niveau 2) folder alle regioner i niveau X, undtagen regionen ved den aktuelle markørposition.
  • Fold alle blokkommentarer (⌘K ⌘K ⌘/ (Windows, Linux Ctrl+K Ctrl+/)) folder alle regioner, der starter med et blokkommentartoken.

Foldningsregioner evalueres som standard baseret på indrykning af linjer. En foldningsregion starter, når en linje har et mindre indryk end en eller flere efterfølgende linjer, og slutter, når der er en linje med samme eller mindre indryk.

Siden 1.22-udgaven kan foldningsregioner også beregnes på baggrund af syntaksetokens i editorens konfigurerede sprog. Følgende sprog tilbyder allerede syntaksbevidst foldning: Markdown, HTML, CSS, LESS, SCSS og JSON.

Hvis du foretrækker at skifte tilbage til indrykningsbaseret foldning for et (eller alle) af ovenstående sprog, skal du bruge:

 "": { "editor.foldingStrategy": "indentation" },

Regioner kan også defineres af markører, der er defineret af hvert sprog. Følgende sprog har i øjeblikket markører defineret:

Sprog Startregion Endregion
Bat ::#region eller REM #region ::#endregion eller REM #endregion
C# #region #endregion
C/C++ #pragma region #pragma endregion
CSS/Less/SCSS /*#region*/ /*#endregion*/
Coffeescript #region #endregion
F# //#region eller (#_region) //#endregion eller (#_endregion)
Java //#region eller //<editor-fold> // #endregion eller //</editor-fold>
Markdown <!-- #region --> <!-- #endregion -->
Perl5 #region eller =pod #endregion eller =cut
PHP #region #endregion
PowerShell #region #endregion
Python #region eller # region #endregion eller # endregion
TypeScript/JavaScript //#region //#region //#endregion
Visual Basic #Region #End Region

For at folde og udfolde kun de områder, der er defineret af markører, skal du bruge:

    Fold Marker Regions (⌘K ⌘8 (Windows, Linux Ctrl+K Ctrl+8)) folder alle markeringsregioner.

  • Unfold Marker Regions (⌘K ⌘9 (Windows, Linux Ctrl+K Ctrl+9)) folder alle markeringsområder ud.

Indentation

VS Code lader dig styre indrykning af tekst, og om du vil bruge mellemrum eller tabulatorstop. Som standard indsætter VS Code mellemrum og bruger 4 mellemrum pr. tabulatortast. Hvis du ønsker at bruge en anden standardindstilling, kan du ændre indstillingerne editor.insertSpaces og editor.tabSize.

 "editor.insertSpaces": true, "editor.tabSize": 4,

Autodetektion

VS Code analyserer din åbne fil og bestemmer den indrykning, der anvendes i dokumentet. Den automatisk detekterede indrykning tilsidesætter dine standardindstillinger for indrykning. Den detekterede indstilling vises i højre side af statuslinjen:

auto detect indrykning

Du kan klikke på statuslinjens indrykningsvisning for at få vist en rulleliste med indrykningskommandoer, der giver dig mulighed for at ændre standardindstillingerne for den åbne fil eller konvertere mellem tabulatorstop og mellemrum.

indrykningskommandoer

Bemærk: VS Code auto-detektion kontrollerer for indrykninger på 2, 4, 6 eller 8 mellemrum. Hvis din fil bruger et andet antal mellemrum, vil indrykningen muligvis ikke blive registreret korrekt. Hvis din konvention f.eks. er at indrykke med 3 mellemrum, skal du måske slå editor.detectIndentation fra og udtrykkeligt indstille tabulatorstørrelsen til 3.

 "editor.detectIndentation": false, "editor.tabSize": 3,

Understøttelse af filkodning

Sæt filkodningen globalt eller pr. arbejdsområde ved hjælp af files.encoding-indstillingen i Brugerindstillinger eller Arbejdsområdeindstillinger.

files.encoding setting

Du kan se filkodningen i statuslinjen.

Kodning i statuslinjen

Klik på kodningsknappen i statuslinjen for at genåbne eller gemme den aktive fil med en anden kodning.

Opnå eller gem igen med en anden kodning

Vælg derefter en kodning.

Vælg en kodning

Du har gennemgået den grundlæggende brugergrænseflade – der er meget mere i VS Code. Læs videre for at få mere at vide om:

  • Introvideo – Opsætning og grundprincipper – Se en vejledning om det grundlæggende i VS Code.
  • Bruger-/arbejdsområdeindstillinger – Lær hvordan du konfigurerer VS Code efter dine præferencer via bruger- og arbejdsområdeindstillinger.
  • Kodenavigation – Peek and Goto Definition og meget mere.
  • Integreret terminal – Få mere at vide om den integrerede terminal, så du hurtigt kan udføre kommandolinjeopgaver fra VS Code.
  • IntelliSense – VS Code bringer smarte kodekompletteringer.
  • Debugging – Det er her, VS Code virkelig skinner.

Almindelige spørgsmål

Er det muligt at søge og erstatte globalt?

Ja, udvid tekstfeltet i søgevisningen til at omfatte et tekstfelt til at erstatte. Du kan søge og erstatte på tværs af alle filerne i dit arbejdsområde. Bemærk, at hvis du ikke har åbnet VS Code på en mappe, vil søgningen kun blive udført på de aktuelt åbne filer.

Global søgning og erstatning

Hvordan slår jeg ordombrydning til?

Du kan styre ordombrydning via indstillingen editor.wordWrap. Som standard er editor.wordWrap off, men hvis du indstiller den til on, vil teksten blive ombrydt på editorens visningsbredde.

 "editor.wordWrap": "on"

Du kan slå ordombrydning til VS Code-sessionen til med ⌥Z (Windows, Linux Alt+Z).

Du kan også tilføje lodrette kolonnelinjer til editoren med indstillingen editor.rulers, som tager et array af kolonnekarakterpositioner, hvor du gerne vil have lodrette linjaler.