Visual Studio Code Workspace är en samling filer som öppnas i ett enda fönster. En arbetsyta kan vara en enskild mapp men kommer i vissa fall att inkludera flera filer i ett utvecklingsarbetsflöde som kallas arbetsytor med flera rotar. Om du arbetar med ett projekt och måste öppna flera filer på den här plattformen kan den nya Workspace-funktionen hjälpa. Du kommer att kunna öppna flera filer i samma fönster, vilket gör det enkelt att komma åt alla dina nödvändiga dokument. .code-Workspaces-filen används för att spara projektets mappkonfiguration. När den väl har konfigurerats öppnas de olika filerna automatiskt i samma fönster. Det är också mycket snabbare och enklare att ställa in än att skriva ett skalskript. Kolla in hur du skapar en VS Code Workspace.
Innehållsförteckning
Skapa en ny arbetsyta i VS Code
Din arbetsyta är ofta den lokala kopian av teamets kodbas som du kan använda för att testa och utveckla din kod. I de flesta fall skapas den automatiskt när du öppnar en VS-mapp. Men du kanske vill skapa flera filer för att hålla reda på alla ändringar du gör i olika grenar av projektet. Så här konsoliderar du dessa filer till en VS Code Workspace.
Din nya arbetsyta har nu skapats på VS Code, och namnet kommer att visas som (Name).code-Workspace.
Inställningar för arbetsyta
Dessa inställningar åsidosätter standardinställningar och kan användas för att anpassa din arbetsyta efter dina önskemål. De lagras i JSON-filer och deras plats bestäms av hur du öppnar din mapp.
Inställningar för arbetsyta för en mapp
Om du öppnar en mapp som en arbetsyta kommer inställningarna att hittas i .vscode/settings.json.
Multi-Root Workspace Inställningar
Om mappen du öppnar är en .code-workspace-fil kommer alla Workspace-inställningar att läggas till i .code-workspace-filen.
Du kan fortfarande anpassa inställningarna per rotmapp, men inställningarna kommer att åsidosätta de som definieras i .code-arbetsytan.
Arbetsyta Starta konfigurationer och uppgifter
I likhet med hur inställningarna konfigureras för Workspace, kan uppgifter och lanseringar också anpassas för att passa en Workspace. Om du har en mapp öppnad som en .code-workspace-fil eller en Workspace, finns platsen för uppgiften och startkonfigurationerna i .vsh-filen eller .workspace-filen. Dessa konfigurationer kan också justeras från mappen.
Optimera en ny VS-kodarbetsyta
Med inbyggt stöd för olika programmeringsspråk, inklusive TypeScript, Javascript och Node JS, är Workspace ett idealiskt verktyg för utvecklare. Dessa tips kommer att göra plattformen mer effektiv och lättare att navigera.
Terminaler
Du kanske använder standardterminalen som tillhandahålls av ditt operativsystem. Med VS Code ville plattformen göra det så att du inte behöver förlita dig på OS-funktionen. VS Code kommer med en inbyggd terminal som har alla dina krav på ett ställe. Det är ett utmärkt sätt att hålla reda på dina utvecklingsprojekt och se till att de löper smidigt. Med möjligheten att byta namn på eller ändra ikonfärgen är det också lättare att skilja mellan de olika terminalerna för ditt projekt.
Wrap Tabs
Den här funktionen är praktisk för utvecklare som arbetar med stora projekt där flera komponenter används. Det kan vara svårt att hålla reda på alla filer när man flyttar från en komponent till en annan. I VS Code visas flikar i webbläsaren och du måste bläddra från den ena till den andra när du vill se vad som finns i dem.
En effektivare metod skulle vara att slå in dessa flikar genom att klicka på Cmd + och söka efter ”Wrap Tabs.” Den här funktionen gör det lättare att se vad som finns på olika flikar.
Fäst flikar
Som utvecklare är det tillrådligt att hålla din arbetsyta så organiserad som möjligt. Du kan göra detta genom att fästa flikar som du ofta använder längst fram på skärmen. Du kan också anpassa utseendet och känslan för dessa flikar genom att trycka på Cmd + eller Ctrl + knapparna och söka efter ”Fäst flik.”
Användargränssnitt
Gränssnittet för din terminal är inställt så att det har olika alternativ, såsom utforskare, sökning, projektledare och output. Den har också en sidfotsliknande sektion där du enkelt kan hitta och ändra flera detaljer. I VS Code är det möjligt att dra och släppa dessa flikar och ordna om dem efter eget tycke. Du kan placera de mer ofta använda alternativen närmare toppen eller anpassa dem för att göra dem lättare att komma åt. Att anpassa användargränssnittet gör din arbetsyta lättare att navigera.
Språk
När du skapar en ny sida i Visual Studio Code är filen namnlös, och du måste fylla i dessa uppgifter själv. Du måste sedan flytta till filens namn och ange filtillägget. Processen kan vara tråkig, särskilt när man hanterar ett stort antal filer.
Du kan optimera processen genom att låta IDE titta på filerna. Det kommer sedan att använda det tidigare namnsystemet för att tilldela namn till nya filer som du skapar.
Förhandsvisning
VS Code har några frustrerande funktioner. Till exempel, om du öppnar en fil i förhandsgranskning och sedan öppnar en annan direkt efter utan att göra ändringar i den första, kommer programmet att stänga den första filen. Om du vill ändra detta och behålla båda filerna öppna i förhandsgranskningen, gå till Inställningar och sök efter ”Aktivera förhandsgranskning.” Markera kryssrutan för att göra nödvändiga ändringar.
Ny PC-uppställning
Du kanske har anpassat och anpassat din VS Code Workspace efter dina önskemål, bara för att få en ny PC. Även om en ny maskin är bra, kan det vara irriterande att behöva konfigurera om din arbetsyta.
Inställning Sync låter dig spara alla dina konfigurationer på ett ställe. När du skaffar en annan enhet kommer den automatiskt att tillämpa inställningarna för den gamla på den nya VS Code Workspace. På så sätt behöver du inte konfigurera om Workspace på din nya dator.
Öppna Replay
Att komma igång med att felsöka en webbapp i produktion kan vara utmanande och tidskrävande. Med OpenReplay kan du övervaka och spela upp allt som dina användare gör, så att du kan se hur appen beter sig och upptäcka eventuella problem som kan dyka upp. OpenReplay är ett utmärkt alternativ eftersom det är ett gratis alternativ med öppen källkod till andra felsökningsprogram som LogRocket och FullStory. Genom att använda ett felsökningsprogram sparar du mycket tid när du använder Workspace.
GitHub
VS Code kommer med en inbyggd GitHub-integration. Detta gör att du snabbt kan skicka dina filer till GitHub. Att ansluta till GitHub från VS Code innebär att du inte behöver lägga tid på att skriva git-kommandon. VS Code-integrationen gör det enklare att underhålla dina filer.
Alla dina mappar på en plats
Workspace gör det enkelt för ditt team att hålla ordning. Filer och mappar kan lagras på en enda plats, så att de kan öppnas och visas med ett knapptryck. Arbetsytan kan också optimeras för att förbättra effektiviteten och hjälpa till att hålla reda på pågående projekt. Med den här guiden är du nu väl rustad för att skapa en Workspace på VS Code och anpassa den för att passa dina behov.
Har du skapat en ny Workspace på VS Code? Berätta för oss hur du skapade och optimerade din arbetsyta i kommentarerna nedan.