Annons

Microsofts Visual Studio-kod är en av de bästa gratistekstredigerarna tillgänglig just nu. Den kombinerar en full funktionsuppsättning med relativt användarvänlighet och prestanda är förvånansvärt bra för en Electron-app. En av anledningarna till att folk älskar det, ovanför skälen åt sidan, är dess utdragbarhet.

Liksom många andra populära textredigerare har Visual Studio Code en enorm mängd tillägg tillgängliga för att anpassa dess beteende. Dessa kan på massivt sätt förändra hur Visual Studio Code fungerar och känns, som att lägga till Vim- eller Emacs-stilnyckelbindningar. Med den här listan har vi sammanställt bara några av våra favoriter.

Hur man installerar Visual Studio Code Extensions

Om du inte är bekant är det enkelt att installera tillägg i Visual Studio Code. Klicka på Extensions ikon till vänster på skärmen. Det är den femte ikonen ner, omedelbart under felsökningsikonen.

Skriv nu bara namnet eller delen av namnet på tillägget du vill installera. Klicka på namnet för att läsa översikten över tillägget och klicka sedan på Installera för att installera den.

instagram viewer

1. Visual Studio IntelliCode

Visual Studio Intellicode-förlängning för Visual Studio Code

Utvecklad av Microsoft DevLabs, Visual Studio IntelliCode är en förlängning som tillåter artificiell intelligens för att hjälpa dig att koda. Tillägget stöder för närvarande Python, JavaScript / TypeScript och Java.

Om du har använt Intellisense tidigare i antingen Visual Studio eller Visual Studio Code, har du en aning om vad du kan förvänta dig. Skillnaden här är att detta i huvudsak är ett ännu mer intelligent tag på den idén.

Denna förlängning befinner sig fortfarande i tidiga utvecklingsstadier och är redan imponerande. När det väl har haft lite mer tid i utvecklingen kan du till och med se det här inbyggt i Visual Studio Code.

2. Inställningar Sync

Inställningar Synk förlängning för Visual Studio Code

De flesta som använder en textredigerare gör regelbundet minst några justeringar till dess inställningar. Massor av människor går ännu längre och anpassar den efter deras personliga arbetsstil. Om du ofta arbetar på mer än en maskin kan det vara frustrerande att ständigt göra dessa justeringar för hand.

Inställningar Sync syftar till att lösa det problemet. Med hjälp av en enkel GitHub Gist synkroniserar du Inställningar synkroniserar dina inställningar. Detta inkluderar andra tillägg och deras konfigurationer, så att hela konfigurationen blir portabel. Gör några ändringar på en maskin, synkronisera dina inställningar och du kan enkelt synkronisera dem på andra maskiner.

Det tar några minuter att ställa in Inställningssynkronisering, då behöver du inte tänka på det igen. Instruktioner för att konfigurera det finns tillgängliga via tilläggsöversikten i Visual Studio Code.

3. Sökväg Intellisense

Path Intellisense-förlängning för Visual Studio Code

Om du använder Visual Studio-koden för att redigera personliga eller systemkonfigurerade filer, Sökväg Intellisense kan vara en livräddare. I ett nötskal lägger tillägget till komplettering av Intellisense-stil i filnamn, vilket gör att du enkelt kan skriva in långa sökvägnamn utan att behöva förbinda dem till minnet.

Detta är en relativt enkel förlängning, men den har några konfigurationsalternativ. Du kan till exempel välja om du vill lägga till en snedstreck efter katalognamn. Andra alternativ inkluderar huruvida filnamn ska inkluderas i importförklaringar eller möjligheten att ignorera vissa filtyper.

4. Uppgift Explorer

Uppgift Explorer tillägg för Visual Studio Code

De Uppgift Explorer tillägget lägger till IDE-stiluppgifter som kör funktioner till Visual Studio Code. Detta inkluderar huvudsakligen bygguppgifter för ditt nuvarande projekt, men kan också inkludera bash, Python och andra skript.

Task Explorer stöder ett stort antal standardbyggverktyg. Dessa inkluderar själva NPM, Grunt, Gulp, Ant, Make och Visual Studio Code. Tillägget kan anpassas, så att du kan anpassa sökvägen till varje uppgiftslöpare och skriptspråk. Detta är praktiskt om du har flera versioner installerade och vill använda en specifik version.

5. GitLens

GitLens förlängning för Visual Studio Code

Visual Studio Code har Git-integration Visual Studio Code är den perfekta text- och skriptedigeraren för MacMicrosofts textredigerare stöder otaliga språk, och du behöver inte ens jämföra det med Xcode, eftersom de tjänar olika behov. Läs mer som vi nämnde tidigare, så du kanske inte behöver den här utvidgningen. Som sagt, GitLens lägger till flera funktioner som hjälper dig att visualisera, navigera och förstå projektets Git-historik.

Bland andra funktioner lägger GitLens till en kraftfull split diff-vy som hjälper dig att enkelt visualisera skillnaden mellan åtaganden och grenar. Tillägget låter dig också söka igenom en projektåtagandeshistorik, söka efter författare, filer, åtagandemeddelande och mer.

Andra funktioner inkluderar en värmekarta i rännan i Visual Studio som låter dig enkelt se var det mesta arbetet sker i en viss fil. Sammanfattningen är att om du litar hårt på Git, bör du åtminstone prova detta plugin.

6. Sötare

Vackrare förlängning för Visual Studio Code

Om du är en front-utvecklare, och särskilt om du behöver följa en stilguide, Sötare kan vara din nya bästa vän. Prettier-tillägget formaterar automatiskt JavaScript, TypeScript och CSS med kodformateringsverktyget med samma namn.

Prettier tar koden du skriver och skriver om den åt dig, enligt en strikt uppsättning riktlinjer för formatering. Tillägget är "opinionated", vilket innebär att det fattar flera beslut på egen hand, men du kan använda tillägget med eslint- eller tslint-verktygen för att se till att det följer din egen fodringskonfiguration.

7. Bracket Pair Colorizer

Bracket Pair Colorizer-förlängning för Visual Studio Code

Bracket Pair Colorizer är ett plugin som är väl beskrivet med dess namn. Det färgar automatiskt vissa tecken för att hjälpa dig berätta hur djupt kapslad en viss kod är. Flera språk stöds ur rutan, så många att det är nästan säkert att ditt val av språk stöds.

Som standard är (), [], och {} matchas, men du kan också definiera andra parentesetecken som du vill matcha. Dessa typer av plugins tenderar att vara väldigt polariserande, men om du inte är säker på om du gillar det eller inte, kan du prova Bracket Pair Colorizer.

8. Kodtid

Code Time-förlängning för Visual Studio Code

Har du någonsin undrat hur många timmar i veckan du spenderar i din textredigerare? Vad sägs om den bästa tiden på dagen eller veckodagen för optimal programmering? Om du någonsin har undrat om dessa eller andra mätvärden, Kodtid är för dig.

Code Time mäter din aktivitet i Visual Studio Code och rapporterar till dig om ovanstående aktiviteter, liksom andra mätvärden. Du ser realtidsmätningar i statusfältet och det finns en instrumentbräda i redaktören för en bättre vy.

Du kan ställa in kodtid för att skicka en vecka e-postrapport, medan Google Kalenderintegration låter dig automatiskt avsätta tid för dina bästa programmeringstider, så att de inte förstörs av möten.

9. REST-klient

REST-klienttillägg för Visual Studio Code

Oavsett om du är en front-end webbutvecklare eller någon som tillbringar större delen av sin tid på servern har du antagligen stött på fall där du behöver testa ett REST-API. Det finns webbläsarplugins för detta och många andra verktyg, men om du tillbringar större delen av din tid i en textredigerare, varför inte ha klienten tillgänglig där du är mest bekväm?

Detta är en relativt enkel förlängning som gör vad den påstår sig göra. Du kan enkelt skicka HTTP-förfrågningar och skicka CURL-kommandon. För autentisering stöder tillägget grundläggande autentisering, digererande autentisering, SSL-klientcertifikat och mer.

Var mer produktiv i Visual Studio-koden

Dessa tillägg är bara början, särskilt om du är ny inom Visual Studio Code. För det första finns det många fler tillägg tillgängliga. I de flesta fall undvek vi specifikt språkspecifika tillägg, men många av dem finns tillgängliga. Oavsett om du kodar i JavaScript, C ++, Go eller något annat språk hittar du tillägg som kan underlätta ditt arbete.

Det finns också många fler sätt att göra mer snabbare i Visual Studio Code. För att hjälpa dig komma igång har vi en lista över viktiga tips för att göra dig mer produktiv i Visual Studio Code 10 väsentliga produktivitetstips för Visual Studio-kodVisual Studio Code blåser andra programmeringstextredigerare ur vattnet. Det är gratis, öppen källkod, snabbt blixt och packad med produktivitetsfunktioner. Läs mer .

Kris Wouk är en författare, musiker och vad det än heter när någon gör videor för webben.