Visual Studio Code Workspace er en samling filer som åpnes i ett enkelt vindu. Et arbeidsområde kan være en enkelt mappe, men vil i noen tilfeller inkludere flere filer i en utviklingsarbeidsflyt kjent som arbeidsområder med flere rot. Hvis du jobber med et prosjekt og må åpne flere filer på denne plattformen, kan den nye Workspace-funksjonen hjelpe. Du vil kunne åpne flere filer i samme vindu, noe som gjør det enkelt å få tilgang til alle nødvendige dokumenter. .code-Workspaces-filen brukes til å lagre prosjektets mappekonfigurasjon. Når den er konfigurert, vil den automatisk åpne de forskjellige filene i samme vindu. Det er også mye raskere og enklere å sette opp enn å skrive et shell-skript. Sjekk ut hvordan du lager et VS Code Workspace.
Innholdsfortegnelse
Opprette et nytt arbeidsområde i VS-kode
Arbeidsområdet ditt er ofte den lokale kopien av teamets kodebase som du kan bruke til å teste og utvikle koden din. I de fleste tilfeller opprettes den automatisk når du åpner en VS-mappe. Det kan imidlertid være lurt å lage flere filer for å holde styr på alle endringene du gjør i ulike grener av prosjektet. Her er hvordan du konsoliderer disse filene til et VS Code Workspace.
Ditt nye arbeidsområde er nå opprettet på VS Code, og navnet vil vises som (Name).code-Workspace.
Arbeidsområdeinnstillinger
Disse innstillingene overstyrer standardinnstillinger og kan brukes til å tilpasse arbeidsområdet etter eget ønske. De er lagret i JSON-filer, og deres plassering vil bli bestemt av hvordan du åpner mappen.
Arbeidsområdeinnstillinger for én mappe
Hvis du åpner en mappe som et arbeidsområde, vil innstillingene bli funnet i .vscode/settings.json.
Multi-Root Arbeidsområde Innstillinger
Hvis mappen du åpner er en .code-workspace-fil, vil alle Workspace-innstillingene legges til i .code-workspace-filen.
Du kan fortsatt tilpasse innstillinger per rotmappe, men innstillingene vil overstyre de som er definert i .code-arbeidsområdet.
Startkonfigurasjoner og oppgaver for arbeidsområde
I likhet med hvordan innstillingene konfigureres for Workspace, kan oppgaver og lanseringer også tilpasses for å passe et Workspace. Hvis du har en mappe åpnet som en .code-workspace-fil eller et Workspace, er plasseringen av oppgave- og startkonfigurasjonene i .vsh-filen eller .workspace-filen. Disse konfigurasjonene kan også justeres fra mappen.
Optimaliser et nytt VS-kodearbeidsområde
Med innebygd støtte for ulike programmeringsspråk, inkludert TypeScript, Javascript og Node JS, er Workspace et ideelt verktøy for utviklere. Disse tipsene vil gjøre plattformen mer effektiv og enklere å navigere.
Terminaler
Du bruker kanskje standardterminalen fra operativsystemet ditt. Med VS Code ønsket plattformen å gjøre det slik at du ikke trenger å stole på OS-funksjonen. VS Code kommer med en innebygd terminal som har alle dine krav på ett sted. Det er en fin måte å holde styr på utviklingsprosjektene dine og sørge for at de går jevnt. Med muligheten til å gi nytt navn eller endre ikonfargen, er det også lettere å skille mellom de ulike terminalene for prosjektet ditt.
Pakk inn faner
Denne funksjonen er nyttig for utviklere som jobber med store prosjekter der flere komponenter brukes. Det kan være vanskelig å holde styr på alle filene når du flytter fra en komponent til en annen. I VS Code vises faner i nettleseren, og du må bla fra den ene til den andre når du vil se hva som er inni dem.
En mer effektiv metode ville være å pakke inn disse fanene ved å klikke på Cmd + og søke etter «Wrap Tabs.» Denne funksjonen vil gjøre det lettere å se hva som er i forskjellige faner.
Fest faner
Som utvikler er det tilrådelig å holde Workspace så organisert som mulig. Du kan gjøre dette ved å feste faner du ofte bruker foran på skjermen. Du kan også tilpasse utseendet og følelsen til disse fanene ved å trykke på Cmd + eller Ctrl +-knappene og søke etter «Pin Tab».
Brukergrensesnitt
Grensesnittet til terminalen din er satt opp slik at den har ulike alternativer, for eksempel utforsker, søk, prosjektleder og utdata. Den har også en bunntekstlignende seksjon hvor du enkelt kan finne og endre flere detaljer. I VS Code er det mulig å dra og slippe disse fanene, og omorganisere dem etter eget ønske. Du kan plassere de mest brukte alternativene nærmere toppen eller tilpasse dem for å gjøre dem lettere tilgjengelige. Personalisering av brukergrensesnittet gjør arbeidsområdet ditt enklere å navigere.
Språk
Når du oppretter en ny side i Visual Studio Code, er filen uten tittel, og du må fylle ut disse detaljene selv. Du må da flytte til filnavnet og skrive inn filtypen. Prosessen kan være kjedelig, spesielt når du arbeider med et stort antall filer.
Du kan optimere prosessen ved å la IDE se på filene. Den vil da bruke det forrige navnesystemet til å tildele navn til nye filer du oppretter.
Forhåndsvisning
VS Code har noen frustrerende funksjoner. For eksempel, hvis du åpner en fil i forhåndsvisning og deretter åpner en annen umiddelbart etter uten å gjøre endringer i den første, vil programmet lukke den første filen. Hvis du vil endre dette og beholde begge filene åpne i forhåndsvisning, går du til Innstillinger og søker etter «Aktiver forhåndsvisning.» Kryss av i boksen for å gjøre de nødvendige endringene.
Nytt PC-oppsett
Du kan ha tilpasset og personliggjort ditt VS Code Workspace til din smak, bare for å få en ny PC. Selv om en ny maskin er flott, kan det være irriterende å måtte rekonfigurere arbeidsområdet ditt.
Sette Sync lar deg lagre alle konfigurasjonene dine på ett sted. Når du får en annen enhet, vil den automatisk bruke innstillingene til den gamle på det nye VS Code Workspace. På denne måten trenger du ikke å rekonfigurere Workspace på den nye PC-en.
Åpne Replay
Å komme i gang med å feilsøke en nettapp i produksjon kan være utfordrende og tidkrevende. Med OpenReplay kan du overvåke og spille av alt brukerne dine gjør, slik at du kan se hvordan appen oppfører seg og oppdage eventuelle problemer som kan dukke opp. OpenReplay er et utmerket alternativ siden det er et gratis, åpen kildekode-alternativ til andre feilsøkingsapplikasjoner som LogRocket og FullStory. Ved å bruke et feilsøkingsprogram sparer du mye tid når du bruker Workspace.
GitHub
VS Code kommer med en innebygd GitHub-integrasjon. Dette lar deg sende filene dine til GitHub raskt. Å koble til GitHub fra VS Code betyr at du ikke trenger å bruke tid på å skrive git-kommandoer. VS Code-integrasjonen gjør det enklere å vedlikeholde filene dine.
Alle mappene dine på ett sted
Workspace gjør det enkelt for teamet ditt å holde seg organisert. Filer og mapper kan lagres på ett sted, slik at de kan åpnes og vises ved å klikke på en knapp. Arbeidsområde kan også optimaliseres for å forbedre effektiviteten og bidra til å holde oversikt over pågående prosjekter. Med denne veiledningen er du nå godt rustet til å lage et arbeidsområde på VS-kode og tilpasse det til dine behov.
Har du satt opp et nytt arbeidsområde på VS-kode? Fortell oss hvordan du opprettet og optimaliserte arbeidsområdet ditt i kommentarene nedenfor.