Anpassa din VS-kod

Visual Studio Code
Customization
Code Editor-teman
Anpassa din VS-kod cover image

Introduktion

Visual Studio Code (VS Code) är en av de mest populära kodredigerarna i teknikindustrin, eftersom den erbjuder robusta funktioner och en lätt design som har gjort den till den valda kodredigeraren för utvecklare över hela världen. Dess popularitet kan delvis tillskrivas dess anpassningsbara utseende, vilket gör att vi kan skapa snygga och iögonfallande kodningsutrymmen. I den här artikeln kommer vi att utforska hur du anpassar ditt vs kodutseende för dina preferenser, inklusive kodredigeraresteman, ikonteman och färgändringar i verktygsfältet.

Ikonteman

Även om Visual Studio Codes standardikoner är bra, varför begränsa dig till dem när du kan ha en visuell fest? Du kan ändra utseendet på din filutforskare med ikonteman, som förbättrar både dess visuella tilltalande och användbarhet.

Ett av de mest populära valen bland utvecklare är tillägget Material Icon Theme. Med det här tillägget kommer din filutforskare att ha en färgstark och välorganiserad samling ikoner, modellerade efter Googles Material Design. Varje typ av fil har sin egen distinkta och omedelbart identifierbara ikon, vilket gör att din arbetsyta ser bättre ut överlag.

Följ dessa steg för att installera tillägget Material Icon Theme:

  1. Öppna Visual Studio Code.

  2. Gå till Extensions-vyn genom att klicka på Extensions-ikonen i verktygsfältet till vänster i fönstret.

  3. Sök efter "Material Icon Theme" och klicka på installera.

Efter installationen klickar du på kugghjulsikonen i det nedre vänstra hörnet och väljer "Filikontema" för att välja materialikontema.

Code Editor-teman

Nu när din filutforskare ser bra ut, låt oss fokusera på själva kodredigeraren. Även om VS Codes standard ljusa och mörka teman är fantastiska, finns det tillfällen då du vill ha något lite mer personligt och elegant.

Ett bra alternativ som tema, särskilt för dem som hellre vill koda i mörker, är tematillägget Night Owl. Night Owl, som skapades med kontrast och läsbarhet i åtanke, har ett lugnande färgschema som hjälper till att lindra ögonbelastningen under långa kodningssessioner.

Så här installerar du Night Owl-tematillägget:

Navigera till vyn Tillägg.

Sök efter "Nattuggla" och klicka på installera.

Efter installationen, välj Night Owl som ditt tema genom att öppna kommandopaletten (Ctrl+Shift+P på Windows/Linux, Cmd+Shift+P på macOS), välj "Färgtema" och välj Night Owl från listan över installerade teman i din kodredigerare.

Färg på verktygsfältet

Nu när utseendet och känslan av din kodredigerare är perfekt, låt oss anpassa färgen på verktygsfältet för att lägga glasyren överst. Det är här påfågelförlängningen kommer in i bilden.

Tack vare Peacock-tillägget kan du anpassa din arbetsyta genom att ändra färgen på verktygsfältet på sidan av din kodredigerare. Detta är inte bara estetiskt tilltalande, utan om du har flera instanser av VS-kod öppna kan det också hjälpa dig att skilja mellan dem.

Så här installerar du Peacock-tillägget:

  1. Gå till vyn Tillägg.

  2. Sök efter "Peacock" och klicka på installera.

Efter installationen kan du anpassa verktygsfältets färg genom att öppna kommandopaletten, söka efter "Peacock: Ange en färg" och sedan sätta hex-värdet för färgen du vill ställa in för ditt vs code-verktygsfält.

Slutsats

Att anpassa Visual Studio-kod är mer än att bara ändra färger. Du måste också skapa en kodningsmiljö som matchar din stil och ökar produktiviteten. Så leka gärna och skapa ett kodområde som stimulerar din fantasi när det gäller utseende samt utforska andra snygga funktioner i den fantastiska VS-koden. Glad kodning!


Career Services background pattern

Karriärtjänster

Contact Section background image

Låt oss hålla kontakten

Code Labs Academy © 2024 Alla rättigheter förbehållna.