Vil du have mere fra Visual Studio Code?  Brug for forbedrede værktøjer og produktivitetsmuligheder?  Prøv disse Visual Studio-kodeudvidelser.

9 Visual Studio-kodeudvidelser, der gør programmeringen endnu lettere

Reklame Microsofts Visual Studio-kode er en af ​​de bedste gratis tekstredaktører, der er tilgængelige lige nu. Det kombinerer et komplet funktionssæt med relativ brugervenlighed, og ydelsen er overraskende god for en Electron-app. En af grundene til, at folk elsker det, bortset fra grunde til side, er dets strækbarhed. Som ma

Reklame

Microsofts Visual Studio-kode er en af ​​de bedste gratis tekstredaktører, der er tilgængelige lige nu. Det kombinerer et komplet funktionssæt med relativ brugervenlighed, og ydelsen er overraskende god for en Electron-app. En af grundene til, at folk elsker det, bortset fra grunde til side, er dets strækbarhed.

Som mange andre populære tekstredaktører har Visual Studio Code en enorm mængde udvidelser til rådighed for at tilpasse dens adfærd. Disse kan massivt ændre, hvordan Visual Studio Code fungerer og føles, som at tilføje Vim eller Emacs-stil nøglebindinger. Med denne liste har vi samlet et par af vores favoritter.

Sådan installeres Visual Studio-kodeudvidelser

Hvis du ikke er bekendt, er det let at installere udvidelser i Visual Studio Code. Klik på ikonet Extensions i venstre side af skærmen. Det er det femte ikon nede, lige under fejlfindingsikonet.

Indtast blot navnet eller en del af navnet på den udvidelse, du vil installere. Klik på navnet for at læse oversigten over udvidelsen, og klik derefter på Install- ikonet for at installere det.

1. Visual Studio IntelliCode

Visual Studio Intellicode-udvidelse til Visual Studio-kode

Visual Studio IntelliCode er udviklet af Microsoft DevLabs og er en udvidelse, der tilfører kunstig intelligens til at hjælpe dig med at kode. Udvidelsen understøtter i øjeblikket Python, JavaScript / TypeScript og Java.

Hvis du har brugt Intellisense før i enten Visual Studio eller Visual Studio Code, har du en idé om, hvad du kan forvente. Forskellen her er, at dette i det væsentlige er en endnu mere intelligent overtagelse af denne idé.

Denne udvidelse er stadig i de tidlige stadier af udviklingen og er allerede imponerende. Når det har haft mere tid på udviklingen, kan du muligvis se denne indbygget lige i Visual Studio Code.

2. Synkroniseringsindstillinger

Indstillinger Sync-udvidelse til Visual Studio-kode

De fleste mennesker, der bruger en tekstredigerer regelmæssigt foretager mindst et par justeringer til dens indstillinger. Masser af mennesker går endnu længere og tilpasser det, så det passer til deres personlige arbejdsstil. Hvis du ofte arbejder på mere end en maskine, kan det være frustrerende at konstant foretage disse justeringer for hånd.

Settings Sync sigter mod at løse dette problem. Ved hjælp af en simpel GitHub Gist synkroniserer indstillinger, ja, dine indstillinger. Dette inkluderer andre udvidelser og deres konfigurationer, så hele din konfiguration ender med at blive bærbar. Foretag nogle ændringer på en maskine, synkroniser dine indstillinger, og du kan nemt synkronisere dem på andre maskiner.

Det tager et par minutter at konfigurere Settings Sync, så behøver du ikke at tænke over det igen. Instruktioner til opsætning af det er tilgængelige via udvidelsesoversigten i Visual Studio Code.

3. Path Intellisense

Path Intellisense-udvidelse til Visual Studio Code

Hvis du bruger Visual Studio-kode til at redigere personlige eller systemkonfigurerede filer, kan Path Intellisense være en livredder. Kort sagt tilføjer udvidelsen Intellisense-stil-færdiggørelse til filnavne, så du nemt kan skrive lange stienavne uden at skulle forpligte dem til hukommelse.

Dette er en relativt simpel udvidelse, men den har et par konfigurationsmuligheder. Du kan f.eks. Vælge, om du vil tilføje en skråstreg efter katalognavne. Andre muligheder inkluderer, om filnavne skal inkluderes i importangivelser eller ej, og muligheden for at ignorere bestemte filtyper.

4. Opgave Explorer

Task Explorer-udvidelse til Visual Studio-kode

Task Explorer-udvidelsen tilføjer IDE-stil-opgaver, der kører funktioner til Visual Studio Code. Dette inkluderer hovedsageligt byggeopgaver til dit aktuelle projekt, men kan også omfatte bash, Python og andre scripts.

Task Explorer understøtter en lang række standardopbygningsværktøjer. Disse inkluderer selve NPM, Grunt, Gulp, Ant, Make og Visual Studio Code. Udvidelsen kan tilpasses, så du kan tilpasse stien til hver opgaveløber og scriptsprog. Dette er praktisk, hvis du har flere versioner installeret og vil bruge en bestemt version.

5. GitLens

GitLens udvidelse til Visual Studio Code

Visual Studio Code-funktioner Git-integration Visual Studio Code er den perfekte tekst- og scripteditor til Mac Visual Studio-kode er den perfekte tekst- og scripteditor til Mac Microsofts teksteditor understøtter utallige sprog, og du behøver ikke engang at sammenligne den med Xcode, da de tjener forskellige behov. Læs mere ud af boksen, som vi tidligere har nævnt, så du muligvis ikke har brug for denne udvidelse. Når det er sagt tilføjer GitLens flere funktioner, der hjælper dig med at visualisere, navigere og forstå dit projekt's Git-historie.

Blandt andre funktioner tilføjer GitLens en kraftfuld split diff-visning, der hjælper dig med let at visualisere forskellen mellem forpligtelser og grene. Udvidelsen giver dig også mulighed for at søge gennem en projekts forpligtelseshistorik, søge efter forfatter, filer, begå besked med mere.

Andre funktioner inkluderer et varmekort i Visual Studio Code-tagren, der let giver dig mulighed for at se, hvor mest arbejde foregår i en given fil. Hoveddelen er, at hvis du stoler stærkt på Git, skal du i det mindste prøve dette plugin.

6. Smukkere

Smukkere udvidelse til Visual Studio-kode

Hvis du er en frontend-udvikler, og især hvis du har brug for at følge en stilguide, er Prettier muligvis din nye bedste ven. Prettier-udvidelsen formaterer automatisk JavaScript, TypeScript og CSS ved hjælp af kodeformateringsværktøjet med samme navn.

Prettier tager koden, du skriver og omskriver den til dig, efter et strengt sæt formateringsretningslinjer. Udvidelsen er "opinionated", hvilket betyder, at den træffer flere beslutninger på egen hånd, men du kan bruge udvidelsen med eslint- eller tslint-værktøjerne for at sikre, at den følger din egen fuderkonfiguration.

7. Bracket Pair Colorizer

Bracket Pair Colorizer-udvidelse til Visual Studio-kode

Bracket Pair Colorizer er et plugin, der er godt beskrevet med dets navn. Det farver automatisk visse tegn for at hjælpe dig med at fortælle, hvor dybt indlejret et bestemt stykke kode er. Flere sprog understøttes ud af boksen, så mange at det næsten er sikkert, at dit valg af sprog understøttes.

Som standard matches (), [] og {}, men du kan også definere andre parentesetegn, som du gerne vil matche. Disse typer plugins har en tendens til at være meget polariserende, men hvis du ikke er sikker på, om du kunne lide det eller ej, kan du prøve Bracket Pair Colorizer.

8. Kodetid

Kode Tidsforlængelse til Visual Studio-kode

Har du nogensinde spekuleret på, hvor mange timer om ugen du bruger i din teksteditor? Hvad med det bedste tidspunkt på dagen eller ugedagen til optimal programmering? Hvis du nogensinde har spekuleret på disse eller andre målinger, er kodetid for dig.

Code Time måler din aktivitet i Visual Studio Code og rapporterer til dig om ovennævnte aktiviteter samt andre målinger. Du kan se realtidsmetrikker på statuslinjen, og der er et in-editor-dashboard for en bedre visning.

Du kan indstille kodetid til at sende dig en ugentlig e-mail-rapport, mens Google Kalender-integration giver dig automatisk mulighed for at afsætte tid til dine bedste programmeringstider, for at de ikke bliver ødelagt af møder.

9. REST-klient

REST-klientudvidelse til Visual Studio-kode

Uanset om du er en front-end webudvikler eller en person, der tilbringer det meste af deres tid på serveren, har du sandsynligvis fundet tilfælde, hvor du har brug for at teste et REST API. Der er browser plugins til dette og masser af andre værktøjer, men hvis du tilbringer det meste af din tid i en teksteditor, hvorfor ikke have klienten tilgængelig, hvor du er mest behagelig?

Dette er en relativt enkel udvidelse, der gør, hvad den hævder at gøre. Du kan nemt sende HTTP-anmodninger samt sende CURL-kommandoer. Til autentificering understøtter udvidelsen grundlæggende godkendelse, fordøje-godkendelse, SSL-klientcertifikater og mere.

Vær mere produktiv i Visual Studio-kode

Disse udvidelser er bare starten, især hvis du er ny med Visual Studio Code. For det første er der masser af flere udvidelser til rådighed. I de fleste tilfælde undgik vi specifikt sprogspecifikke udvidelser, men masser af dem er tilgængelige. Uanset om du koder i JavaScript, C ++, Go eller et andet sprog, finder du udvidelser, der kan gøre dit arbejde lettere.

Der er også mange flere måder at gøre mere hurtigere i Visual Studio Code. For at hjælpe dig med at komme i gang har vi en liste over vigtige tip, der gør dig mere produktiv i Visual Studio Code 10 Essential Productivity Tips til Visual Studio Code 10 Essential Productivity Tips til Visual Studio Code Visual Studio Code blæser andre programmeringstekstredaktører ud af vandet . Det er gratis, open source, lynet hurtigt og fyldt med produktivitetsfunktioner. Læs mere .

Udforsk mere om: Visual Studio-kode.