Sådan opretter du et nyt arbejdsområde i VS-kode

Visual Studio Code Workspace er en samling af filer, der åbnes i et enkelt vindue. Et arbejdsområde kan være en enkelt mappe, men vil i nogle tilfælde inkludere flere filer i en udviklingsarbejdsgang kendt som multi-root Workspaces. Hvis du arbejder på et projekt og skal åbne flere filer på denne platform, kan den nye Workspace-funktion hjælpe. Du vil være i stand til at åbne flere filer i samme vindue, hvilket gør det nemt at få adgang til alle dine nødvendige dokumenter. .code-Workspaces-filen bruges til at gemme projektets mappekonfiguration. Når den er konfigureret, åbner den automatisk de forskellige filer i samme vindue. Det er også meget hurtigere og nemmere at sætte op end at skrive et shell-script. Se, hvordan du opretter et VS Code Workspace.

Indholdsfortegnelse

Oprettelse af et nyt arbejdsområde i VS Code

Dit Workspace er ofte den lokale kopi af teamets kodebase, som du kan bruge til at teste og udvikle din kode. I de fleste tilfælde oprettes den automatisk, når du åbner en VS-mappe. Men du vil måske oprette flere filer for at holde styr på alle de ændringer, du foretager i forskellige grene af projektet. Her er, hvordan du konsoliderer disse filer i et VS Code Workspace.

Vælg de mapper, du vil have i dit arbejdsområde.

Føj dem til arbejdsområdet ved at navigere til “Fil” og derefter “Tilføj mappe til arbejdsområde.”

Med din arbejdsplads sat op, gemme det nye forum ved at gå til “Filer” og derefter “Gem arbejdsområde som.”

Dit nye Workspace er nu blevet oprettet på VS Code, og navnet vil dukke op som (Name).code-Workspace.

Sådan tilpasser du Safari Toolbar på din Mac

Arbejdsområdeindstillinger

Disse indstillinger tilsidesætter standardindstillinger og kan bruges til at tilpasse dit Workspace til din smag. De er gemt i JSON-filer, og deres placering vil blive bestemt af, hvordan du åbner din mappe.

Indstillinger for arbejdsområde med én mappe

Hvis du åbner en mappe som et Workspace, findes indstillingerne i .vscode/settings.json.

Indstillinger for multi-root arbejdsområde

Hvis den mappe, du åbner, er en .code-workspace-fil, vil alle Workspace-indstillinger blive tilføjet til .code-workspace-filen.

Du kan stadig tilpasse indstillinger pr. rodmappe, men indstillingerne vil tilsidesætte dem, der er defineret i .code-arbejdsområdet.

Workspace Launch Configurations and Tasks

I lighed med hvordan indstillinger konfigureres for Workspace, kan opgaver og lanceringer også tilpasses, så de passer til et Workspace. Hvis du har en mappe åbnet som en .code-workspace-fil eller et Workspace, er placeringen af opgave- og startkonfigurationer i .vsh-filen eller .workspace-filen. Disse konfigurationer kan også justeres fra mappen.

Optimer et nyt VS-kodearbejdsområde

Med indbygget understøttelse af forskellige programmeringssprog, herunder TypeScript, Javascript og Node JS, er Workspace et ideelt værktøj for udviklere. Disse tips vil gøre platformen mere effektiv og nemmere at navigere.

Terminaler

Du bruger muligvis standardterminalen fra dit operativsystem. Med VS Code ville platformen gøre det, så du ikke behøver at stole på OS-funktionen. VS Code kommer med en indbygget terminal, der har alle dine krav på ét sted. Det er en fantastisk måde at holde styr på dine udviklingsprojekter og sikre, at de kører problemfrit. Med muligheden for at omdøbe eller ændre ikonets farve er det også nemmere at skelne mellem de forskellige terminaler til dit projekt.

Indpak faner

Denne funktion er praktisk for udviklere, der arbejder på store projekter, hvor der bruges flere komponenter. Det kan være svært at holde styr på alle filerne, når du flytter fra en komponent til en anden. I VS Code vises faner i browseren, og du bliver nødt til at rulle fra den ene til den anden, når du vil se, hvad der er inde i dem.

Sådan deaktiveres spiltilstand i efteråret Creators Update

En mere effektiv metode ville være at ombryde disse faner ved at klikke på Cmd + og søge efter “Ombryd faner.” Denne funktion vil gøre det nemmere at se, hvad der er i forskellige faner.

Fastgør faner

Som udvikler er det tilrådeligt at holde dit Workspace så organiseret som muligt. Du kan gøre dette ved at fastgøre faner, du ofte bruger, foran på din skærm. Du kan også tilpasse udseendet og fornemmelsen af disse faner ved at trykke på Cmd + eller Ctrl + knapperne og søge efter “Fastgør fane.”

Brugergrænseflade

Grænsefladen på din terminal er sat op, så den har forskellige muligheder, såsom explorer, search, project manager og output. Den har også en sidefodslignende sektion, hvor du nemt kan finde og ændre flere detaljer. I VS Code er det muligt at trække og slippe disse faner og omarrangere dem efter din smag. Du kan placere de mest brugte muligheder tættere på toppen eller tilpasse dem for at gøre dem nemmere at få adgang til. Personalisering af brugergrænsefladen gør dit Workspace nemmere at navigere.

Sprog

Når du opretter en ny side i Visual Studio Code, er filen uden navn, og du skal selv udfylde disse detaljer. Du skal derefter flytte til filens navn og indtaste filtypenavnet. Processen kan være kedelig, især når man har at gøre med et stort antal filer.

Du kan optimere processen ved at tillade IDE at se på filerne. Det vil derefter bruge det tidligere navnesystem til at tildele navne til nye filer, som du opretter.

Forhåndsvisning

VS Code har nogle frustrerende funktioner. For eksempel, hvis du åbner en fil i preview og derefter åbner en anden umiddelbart efter uden at foretage ændringer i den første, vil programmet lukke den første fil. Hvis du gerne vil ændre dette og holde begge filer åbne i forhåndsvisning, skal du gå til Indstillinger og søge efter “Aktiver forhåndsvisning.” Marker afkrydsningsfeltet for at foretage de nødvendige ændringer.

Se, hvor langt du kan komme på et budget ved at bruge forskellige taxatjenester

Ny PC-opsætning

Du har muligvis tilpasset og personliggjort dit VS Code Workspace til din smag, kun for at få en ny pc. Selvom en ny maskine er fantastisk, kan det være irriterende at skulle omkonfigurere dit arbejdsområde.

Indstilling af synkronisering giver dig mulighed for at gemme alle dine konfigurationer ét sted. Når du får en anden enhed, vil den automatisk anvende indstillingerne for den gamle på det nye VS Code Workspace. På denne måde behøver du ikke at omkonfigurere Workspace på din nye pc.

Åbn Replay

Det kan være udfordrende og tidskrævende at komme i gang med at fejlsøge en webapp i produktionen. Med OpenReplay kan du overvåge og afspille alt, hvad dine brugere gør, så du kan se, hvordan appen opfører sig, og opdage eventuelle problemer, der måtte opstå. OpenReplay er en fremragende mulighed, da det er et gratis, open source-alternativ til andre fejlfindingsapplikationer som LogRocket og FullStory. Brug af et fejlretningsprogram sparer dig for en masse tid, når du bruger Workspace.

GitHub

VS Code kommer med en indbygget GitHub integration. Dette giver dig mulighed for hurtigt at skubbe dine filer til GitHub. At forbinde til GitHub fra VS Code betyder, at du ikke skal bruge tid på at skrive git-kommandoer. VS Code-integrationen gør det nemmere at vedligeholde dine filer.

Alle dine mapper på ét sted

Workspace gør det nemt for dit team at forblive organiseret. Filer og mapper kan gemmes på et enkelt sted, så de kan åbnes og ses med et klik på en knap. Arbejdsområdet kan også optimeres for at forbedre effektiviteten og hjælpe med at holde styr på igangværende projekter. Med denne guide er du nu godt rustet til at skabe et Workspace på VS Code og tilpasse det, så det passer til dine behov.

Har du oprettet et nyt Workspace på VS Code? Fortæl os, hvordan du har oprettet og optimeret dit Workspace i kommentarerne nedenfor.