10 viktiga produktivitetstips för Visual Studio Code

Visual Studio Code är utan tvekan den bästa textredigeraren för programmering. För många har den ersatt Sublime Text som deras favoritredigerare. Det är en Electron-baserad JavaScript-app, men den är blixtsnabb och lider inte av prestandaproblem som många JavaScript-appar gör.

För den som är nyfiken är det värt att notera att Visual Studio Code är en programvara med öppen källkod och kan nås via dess repository på GitHub. För att öka effektiviteten och effektivisera arbetsprocessen kan det vara bra att bekanta sig med några av de viktigaste funktionerna i denna kraftfulla kodredigerare.

Behärska kommandopaletten i VS Code

Sublime Text och dess föregångare, TextMate, har båda ett spännande verktyg som kallas “kommandopaletten”. Detta innovativa verktyg gör det möjligt för användare att snabbt utföra flera kommandon genom manuell inmatning, vilket eliminerar behovet av besvärlig navigering via markören eller musen.

Att använda kommandopaletten ger ett mer effektivt arbetsflöde när du navigerar genom olika uppgifter i din programmeringsmiljö. Genom att använda antingen kortkommandot Control \+ Shift \+ P eller Command \+ Shift \+ P får man tillgång till en omfattande lista över tillgängliga åtgärder som kategoriseras under rubriker som “File”, “Git”, “Terminal” m.fl. Palettens funktionalitet gör det möjligt för användare att ange önskad åtgärd genom att helt enkelt skriva in den, samtidigt som de visade alternativen uppdateras i realtid. Detta effektiviserar processen med att hitta och utföra specifika funktioner, vilket förbättrar den övergripande produktiviteten.

Ange en fungerande projektmapp

När du klickar på “Explorer” i sidomenyn för navigering kommer en ny panel att dyka upp. Panelen består av två olika sektioner som kan nås genom att antingen klicka på ellipsmenyn och välja “Open Editors”, eller genom att ha det presenterat som ett alternativ. Dessa sektioner är “Open Editors”, som visar listan över filer och dokument som för närvarande är öppna, och “No Folder Opened”. Det är den senare som fångar vårt intresse.

När man klickar på alternativet “Öppna mapp” i menyraden eller navigerar till det via menyn Arkiv, kan man välja vilken katalog som helst på sitt system inom Visual Studio Code. Den valda katalogen kommer då att utses till det aktuella arbetsprojektet, vilket ger sömlös åtkomst till alla dess ingående filer och underkataloger utan att man behöver växla mellan filutforskaren.

Visa flera filer samtidigt

De flesta moderna textredigerare har möjlighet att hantera flera dokument samtidigt, vilket gör det enkelt att navigera mellan dem via ett flikbaserat användargränssnitt. Vissa högt utvecklade textredigerare erbjuder dessutom möjligheten att utföra parallell textredigering, en funktion som också finns i Visual Studio Code (även om den endast fungerar vertikalt).

VS Code utmärker sig genom att erbjuda en sömlös samarbetsupplevelse även när man arbetar med mindre skärmstorlekar som de som finns på bärbara datorer eller äldre bildskärmar. Denna funktion är särskilt användbar för användare som behöver ett effektivt samarbete i realtid samtidigt som de måste navigera i ett begränsat skärmutrymme.

Med en ny funktionalitet som kallas “dynamiska paneler” justerar applikationen intelligent bredden på en öppen dokumentpanel om dess dimensioner blir otillräckliga för bekväm visning medan man aktivt fokuserar på dokumentet. Denna intuitiva förbättring kan vara särskilt tilltalande för användare med en skärmupplösning på ungefär 720p.

Redigera flera rader samtidigt

En effektiv metod för att hantera flera olika innehåll i ett dokument är att skapa flera pekare med hjälp av kortkommandot “Alt” (eller motsvarande “Option” för Mac-användare) som du trycker på samtidigt. Genom att klicka på olika ställen i texten genereras dessa ytterligare pekare med varje tryckning, vilket möjliggör snabbare redigering vid hantering av omfattande passager.

Denna teknik visar sig vara mycket fördelaktig i situationer där man måste använda samma klassificering flera gånger, t.ex. i HTML-element där flera instanser av en viss klass måste tilldelas eller när man ändrar många hyperlänkar så att de överensstämmer med en viss struktur. Det är viktigt att bli skicklig på denna metod och utnyttja dess fördelar.

Gå till definition

När man stöter på okända variabler eller metoder under programmering eller skriptning, kan man använda något av två praktiska alternativ. För det första, genom att placera markören över elementet och trycka på F12, kommer användaren direkt till motsvarande definition. För det andra, genom att välja önskad enhet via kortkommandon som att hålla ned Control (Windows) eller Command (Mac) medan man klickar, kommer användaren till definitionen i fråga.

Alternativt kan man använda den praktiska kortkommandot “Alt” plus “F12” eller “Cmd” tillsammans med “F12” på en Mac-dator för att komma åt definitionen utan att ha den öppen i originaldokumentet. Denna funktion presenterar definitionen direkt under markörens position för större enkelhet och effektivitet.

För att göra en omvänd sökning efter en vald variabel eller metod kan man använda kortkommandot “Shift \+ F12”. Denna åtgärd kommer att visa alla förekomster av den valda enheten i kodbasen, inklusive de som visas vid den aktuella markörpositionen.

För att dessa funktioner ska kunna användas effektivt är det nödvändigt att fastställa den relevanta katalogen som det aktuella aktiva projektet (se Tips #2 för ytterligare vägledning).

Rename All Occurrences

Refaktorisering är en viktig komponent för att skapa och bevara en välorganiserad kodbas. Det kan dock visa sig vara en utmanande uppgift, särskilt när det handlar om stora moduler eller omfattande delar av koden. För att underlätta detta erbjuder Visual Studio Code automatisering som förenklar även mindre ändringar som att omfördela en etikett eller uppdatera ett funktionsnamn över flera filer.

När man väljer en variabel eller metod och utför funktionstangentkombinationen F2 kan man ändra identifieraren, vilket därefter uppdaterar referensen till denna enhet i alla instanser inom det för närvarande aktiva arbetsytprojektet.

För att ändra text enbart i detta dokument, använd tangentbordskombinationen Ctrl/Cmd \+ F2. När du gör detta kommer Visual Studio Code att placera en markör bredvid varje instans i hela filen.

Sök i många filer

När man arbetar med filer som inte är källkod och behöver identifiera meningar eller ord utan att veta deras specifika plats i projektet, måste man återgå till den grundläggande “Sök”-funktionen som ett alternativ till de otillgängliga symbolorienterade funktioner som diskuterades tidigare i Tips #5.

Om man håller ned tangenten “Ctrl” eller “Command” och trycker på “F” kan man söka efter en specifik term i det aktuella dokumentet, medan man genom att samtidigt trycka på tangenterna “Shift” och “Cmd” eller “Control” följt av bokstaven “F” kan göra en omfattande sökning i hela det aktuella arbetsprojektet, inklusive alla underkataloger som är inbäddade i varandra.

Använd kommandoraden i VS Code

VS Code har ett integrerat terminalgränssnitt som ger användarna tillgång till kommandoradsverktyg och möjlighet att utföra kommandon i sina projekt. Terminalens utseende beror på användarens operativsystem; i Windows visas den som kommandotolken, medan den i macOS och Linux visas som en Bash-prompt. Oavsett operativsystem startas terminalen i det aktuella arbetsprojektets katalog, förutsatt att en sådan finns, eller som standard i användarens hemmapp.

Terminal är utformad med mångsidighet och användarvänlighet i åtanke, vilket gör att användaren kan skapa ytterligare virtuella terminalfönster genom att klicka på \+-ikonen i det övre högra hörnet av programfönstret. Alternativt kan man ta bort en befintlig terminalinstans genom att välja papperskorgsikonen bredvid det önskade terminalfönstret. Dessutom underlättar rullgardinsmenyn sömlös navigering mellan olika terminalsessioner utan att förbruka överdriven skärmyta, till skillnad från gränssnitt med flikar som kan förbruka betydande skärmyta.

Installera ett nytt tema i VS Code

Visual Studio Code ger faktiskt användare möjlighet att anpassa syntaxmarkering av text och källkod genom olika teman. Denna möjlighet sträcker sig dock inte till att ändra utseendet på själva användargränssnittet. Att ha ett väldesignat tema för syntaxmarkering kan dock avsevärt förbättra ens effektivitet i kodningsuppgifter.

Du kan hitta nya teman på VS Code Marketplace (de är gratis), eller så kan du söka efter dem direkt i VS Code. Kolla in vår lista över de bästa VS Code-temana om du behöver rekommendationer.

Installera tillägg från tredje part i VS Code

Den sista viktiga funktionen att lyfta fram är VS Codes utbyggnadsmöjligheter genom tillägg från tredje part. Precis som med teman kan du hitta dem på VS Code Marketplace (ja, dessa är också gratis), eller så kan du söka efter dem i VS Code. Öppna tilläggspanelen med kortkommandot Ctrl \\+ Skift \\+ X (eller Skift \\+ Cmd \\+ X ).

Tillägg är ett viktigt sätt att förbättra effektiviteten i Visual Studio Code. Detta arkiv omfattar en rad verktyg som kodläsare, debuggers, snippethanterare, prestandaoptimeringar för den integrerade utvecklingsmiljön (IDE), konstruktionsverktyg och även vissa tillägg som utnyttjar ChatGPT för att underlätta effektivisering av programmeringsprocesser inom VS Code.

Visual Studio Code är den bästa textredigeraren

Även om VS Code har fått en betydande fanbas, är dess lämplighet för varje individ fortfarande subjektiv och ofullkomliga lösningar är oundvikliga. Det bör också noteras att VS Code främst fungerar som en textredigerare snarare än en integrerad utvecklingsmiljö (IDE).

Även om vi inte kan garantera att du blir nöjd, uppmuntrar vi dig att testa vår produkt med ett opartiskt perspektiv. Våra innovativa funktioner kan överträffa dina förväntningar på ett positivt sätt.