Vil du ha mer fra Visual Studio Code?  Trenger du forbedrede verktøy og produktivitetsalternativer?  Prøv disse Visual Studio Code-utvidelsene.

9 Visual Studio-kodeutvidelser som gjør programmeringen enda enklere

Annonse Microsofts Visual Studio-kode er en av de beste gratis tekstredigerere som er tilgjengelige akkurat nå. Den kombinerer et komplett funksjonssett med relativt brukervennlighet, og ytelsen er overraskende bra for en Electron-app. En av grunnene til at folk elsker det, over grunnene til side, er utvidbarheten.

Annonse

Microsofts Visual Studio-kode er en av de beste gratis tekstredigerere som er tilgjengelige akkurat nå. Den kombinerer et komplett funksjonssett med relativt brukervennlighet, og ytelsen er overraskende bra for en Electron-app. En av grunnene til at folk elsker det, over grunnene til side, er utvidbarheten.

Som mange andre populære tekstredigerere har Visual Studio Code en enorm mengde utvidelser tilgjengelig for å tilpasse oppførselen. Disse kan endre massevis på hvordan Visual Studio Code fungerer og føles, som å legge til Vim- eller Emacs-stil nøkkelbindinger. Med denne listen har vi samlet bare noen av favorittene våre.

Slik installerer du Visual Studio Code Extensions

I tilfelle du ikke er kjent, er det enkelt å installere utvidelser i Visual Studio Code. Klikk på Extensions- ikonet på venstre side av skjermen. Det er det femte ikonet nede, rett under feilsikonet.

Skriv bare navnet eller delen av navnet på utvidelsen du ønsker å installere. Klikk på navnet for å lese oversikten over utvidelsen, og klikk deretter på Installer- ikonet for å installere det.

1. Visual Studio IntelliCode

Visual Studio Intellicode-utvidelse for Visual Studio Code

Visual Studio IntelliCode er utviklet av Microsoft DevLabs, og er en utvidelse som bruker kunstig intelligens for å hjelpe deg med å kode. Utvidelsen støtter for tiden Python, JavaScript / TypeScript og Java.

Hvis du har brukt Intellisense før i enten Visual Studio eller Visual Studio Code, har du en idé om hva du kan forvente. Forskjellen her er at dette egentlig er et enda mer intelligent inntrykk av den ideen.

Denne utvidelsen er fremdeles i de tidlige stadiene av utviklingen og er allerede imponerende. Når den har hatt litt mer tid på utvikling, kan det hende du ser denne innebygde i Visual Studio Code.

2. Innstillinger synkroniser

Innstillinger Synk-utvidelse for Visual Studio Code

De fleste som bruker en tekstredigerer regelmessig, gjør minst noen få justeringer til innstillingene. Mange mennesker går enda lenger, og tilpasser det slik at de passer til deres personlige arbeidsstil. Hvis du ofte jobber på mer enn en maskin, kan det være frustrerende å hele tiden gjøre disse justeringene for hånd.

Innstillingssynkronisering har som mål å løse det problemet. Ved å bruke en enkel GitHub Gist synkroniserer Innstillinger synkroniseringsinnstillingene dine. Dette inkluderer andre utvidelser og deres konfigurasjoner, slik at hele konfigurasjonen din ender opp med å bli bærbar. Gjør noen endringer på en maskin, synkroniser innstillingene, og du kan enkelt synkronisere dem på andre maskiner.

Det tar noen minutter å konfigurere Settings Sync, så trenger du ikke å tenke på det igjen. Instruksjoner for å sette den opp er tilgjengelige via utvidelsesoversikten i Visual Studio Code.

3. Sti Intellisense

Path Intellisense-utvidelse for Visual Studio Code

Hvis du bruker Visual Studio Code for å redigere personlige eller systemkonfigurasjonsfiler, kan Path Intellisense være en livredder. I et nøtteskall legger utvidelsen Intellisense-stil-fullføring til filnavn, slik at du enkelt kan skrive inn lange stienavn uten å måtte forplikte dem til minnet.

Dette er en relativt enkel utvidelse, men den har noen få konfigurasjonsalternativer. Du kan for eksempel velge om du vil legge til en skråstrek etter katalognavn. Andre alternativer inkluderer om du vil inkludere filnavn i importuttalelser eller ikke, og muligheten til å ignorere visse filtyper.

4. Oppgaveutforsker

Task Explorer-utvidelse for Visual Studio Code

Task Explorer-utvidelsen legger til funksjoner som kjører funksjoner i IDE-stil til Visual Studio Code. Dette inkluderer hovedsakelig byggeoppgaver for ditt nåværende prosjekt, men kan også inkludere bash, Python og andre skript.

Task Explorer støtter en god del standardbyggverktøy. Disse inkluderer NPM, Grunt, Gulp, Ant, Make og Visual Studio Code. Utvidelsen kan tilpasses, slik at du kan tilpasse banen til hver oppgaveløper og skriptspråk. Dette er nyttig hvis du har flere versjoner installert og vil bruke en spesifikk versjon.

5. GitLens

GitLens-utvidelse for Visual Studio Code

Visual Studio Code-funksjoner Git-integrasjon Visual Studio Code er den perfekte tekst- og skripteditoren for Mac Visual Studio Code er den perfekte tekst- og skripteditoren for Mac Microsofts tekstredigerer støtter utallige språk, og du trenger ikke en gang å sammenligne den med Xcode, siden de tjener forskjellige behov. Les mer ut av boksen, som vi har nevnt før, slik at du kanskje ikke absolutt trenger denne utvidelsen. Når det er sagt, legger GitLens til flere funksjoner som hjelper deg å visualisere, navigere og forstå prosjektets Git-historie.

Blant andre funksjoner legger GitLens til en kraftig split diff-visning som hjelper deg med å visualisere forskjellen mellom forpliktelser og grener. Utvidelsen lar deg også søke gjennom en prosjekt forpliktelseshistorikk, søke etter forfatter, filer, utføre melding og mer.

Andre funksjoner inkluderer et varmekart i takrennen Visual Studio Code som lar deg enkelt se hvor mest arbeid foregår i en gitt fil. Hovedpoenget er at hvis du er veldig avhengig av Git, bør du i det minste prøve denne pluginen.

6. penere

Prettier utvidelse for Visual Studio Code

Hvis du er en front-end utvikler, og spesielt hvis du trenger å følge en stilguide, kan Prettier være din nye beste venn. Prettier-utvidelsen formaterer automatisk JavaScript, TypeScript og CSS ved å bruke kodeformateringsverktøyet med samme navn.

Prettier tar koden du skriver og skriver den for deg etter et strengt sett med formateringsretningslinjer. Utvidelsen er "opinioned", noe som betyr at den tar flere avgjørelser på egen hånd, men du kan bruke utvidelsen med eslint- eller tslint-verktøyene for å sikre at den følger din egen fôrkonfigurasjon.

7. Bracket Pair Colorizer

Bracket Pair Colorizer-utvidelse for Visual Studio Code

Bracket Pair Colorizer er en plugin som er godt beskrevet med navnet. Det fargelegger visse tegn automatisk for å hjelpe deg med å fortelle hvor dypt nestet et bestemt stykke kode er. Flere språk støttes utenfor boksen, så mange at det er nesten sikkert at ditt valg av språk støttes.

Som standard blir (), [] og {} matchet, men du kan også definere andre parentesetegn som du vil bli matchet. Disse typene plugins pleier å være veldig polariserende, men hvis du ikke er sikker på om du vil like det eller ikke, kan du prøve Bracket Pair Colorizer.

8. Kodetid

Code Time extensions for Visual Studio Code

Har du noen gang lurt på hvor mange timer i uken du bruker i tekstredigereren? Hva med den beste tiden på dagen eller dagen i uken for optimal programmering? Hvis du noen gang har lurt på om disse eller andre beregninger, er Code Time noe for deg.

Code Time måler aktiviteten din i Visual Studio Code og rapporterer til deg om aktivitetene ovenfor, samt andre beregninger. Du vil se sanntidsberegninger på statuslinjen, og det er et instrumentbord-redigeringspanel for en bedre visning.

Du kan stille inn Code Time for å sende deg en ukentlig e-postrapport, mens integrering av Google Kalender lar deg automatisk sette av tid til de beste programmeringstidene dine, for ikke å bli ødelagt av møter.

9. REST-klient

REST Klientutvidelse for Visual Studio Code

Enten du er en front-end webutvikler eller noen som bruker mesteparten av tiden sin på serveren, har du sannsynligvis støtt på tilfeller der du trenger å teste et REST API. Det er nettleser-plugins for dette og mange andre verktøy, men hvis du tilbringer mesteparten av tiden din i en tekstredigerer, hvorfor ikke ha klienten tilgjengelig der du er mest komfortabel?

Dette er en relativt enkel utvidelse som gjør det den hevder å gjøre. Du kan enkelt sende HTTP-forespørsler i tillegg til å sende CURL-kommandoer. For autentisering støtter utvidelsen grunnleggende autentisering, fordøye-godkjenning, SSL-klientsertifikater og mer.

Vær mer produktiv i Visual Studio-koden

Disse utvidelsene er bare starten, spesielt hvis du ikke har Visual Studio Code. For det første er det mange flere utvidelser tilgjengelig. I de fleste tilfeller unngikk vi språkspesifikke utvidelser, men mange av dem er tilgjengelige. Enten du koder i JavaScript, C ++, Go eller et annet språk, finner du utvidelser som kan gjøre arbeidet ditt enklere.

Det er også mange flere måter å få gjort raskere i Visual Studio Code. For å hjelpe deg i gang har vi en liste over viktige tips for å gjøre deg mer produktiv i Visual Studio Code 10 Essential Productivity Tips for Visual Studio Code 10 Essential Productivity Tips for Visual Studio Code Visual Studio Code blåser andre programmeringstekstredaktører opp av vannet . Det er gratis, åpen kildekode, lynraskt og fullpakket med produktivitetsfunksjoner. Les mer .

Utforsk mer om: Visual Studio Code.