Visual Studio Code, eller VS Code, er en av de mest populære kildekoderedigerere som utviklere bruker. For å øke produktiviteten til programvareutviklingsprosjektet ditt, kan du bruke noen av de beste VS Code-utvidelsene nevnt i denne artikkelen.
Du får en fantastisk ut-av-boksen-opplevelse når du begynner å redigere programvare eller nettsidekildekoder på Visual Studio Code. Men som utvikler kan du alltid kreve flere funksjoner i denne nesten integrerte utviklingsmiljøet (IDE)-kodeeditoren.
VS Code Marketplace bør være ditt reisemål for alle slags VS IDE-utvidelser. Fortsett å lese denne artikkelen for å finne de beste VS IDE-utvidelsene du kan bruke i nettappen eller Windows-apputviklingsprosjektene dine.
Innholdsfortegnelse
Populariteten til Visual Studio Code
Ifølge WakaTime statistikk om programmering, utviklere har brukt VS Code-editoren i mer enn 21 millioner timer. Det var nummer 1 koderedigering for 2021 når man sammenlignet timer med koderedigering i andre verktøy som IntelliJ (>3 millioner timer) og PhpStorm (>2 millioner timer).
Her er noen grunner til at de fleste utviklere foretrekker VS-kode fremfor andre kildekoderedigerere:
#1. Det er helt gratis, åpen kildekode og kommer med støtte på tvers av plattformer. Dette betyr at det fungerer på Linux, Windows og macOS.
#2. Redaktøren har en innebygd debugger. Dermed må du gjøre færre klikk. Dessuten kan du holde øye med kodeprosjektet ditt så vel som feilsøkeren i et enkelt vindu uten å måtte bytte app.
#3. VS-kode kommer ut av esken med IntelliSense, ellers kjent som prediktiv koding.
#4. Du kan enkelt konvertere VS Code-appen til en full-stack arbeidsstasjon med de riktige hurtigtastene, VS Code-utvidelsene og innstillingene.
Hva er Visual Studio IDE-utvidelser?
VS Code er en superorganisert kildekoderedigerer som støtter programvare- og apputviklingsoperasjoner som versjonskontroll, feilsøking og oppgavekjøring. Det gir utviklerne en effektiv plattform for en uanstrengt kode-bygge-feilsøkingssyklus for de fleste programmeringsspråk. Du trenger imidlertid en IDE som Visual Studio for komplekse arbeidsflyter.
For å overvinne manglene har utviklere kommet opp med VS Code-utvidelser. Utvidelser er ganske enkelt tillegg som du kan installere i VS Code-appen og få tilgang til nye funksjoner. VS IDE-utvidelser øker hovedsakelig produktiviteten og gjør koding enklere og feilfri.
Hvorfor er IDE-utvidelser nyttige?
Primært kan du bruke VS Code-utvidelser for å forbedre verktøyets brukervennlighet for ulike programvare- og apputviklingsprosjekter. Hvis prosjektet krever noen spesifikk funksjonalitet som VS Code mangler, kan du søke på markedsplassen etter en utvidelse.
Videre hjelper utvidelser deg med å øke produktiviteten til apputviklingsteamet ditt. Du kan unngå unødvendige feil under koding ved å bruke utvidelser for kodefullføring.
Dessuten er det avanserte utvidelsespakkeinstallatører som kan hjelpe deg med å importere repos for DevOps-prosjekter fra pakkevertssider. I et nøtteskall lar utvidelser deg konvertere VS-koden til en fullservice-IDE.
La oss nå se på noen av de beste VS-koderedigererne.
Innstillinger Synk
Du kan sjekke ut Innstillinger Synk VS IDE-utvidelse fra Visual Studio-markedet hvis du trenger å synkronisere utdrag, innstillinger, temaer, tastebindinger, filikoner, arbeidsområder osv. på tvers av forskjellige maskiner under utviklingsprosjektet. Utvidelsen bruker GitHub Gists.
Noen flotte funksjoner er:
- Du kan bruke din eksisterende GitHub-konto Gist og tokens.
- Last ned de siste endringene i innstillingene automatisk.
- Innstillinger for automatisk opplasting når det er en endring i filen.
Utvidelsen har allerede sett mer enn 3 millioner installasjoner. Videre er tillegget gratis for alle typer utviklingsarbeid. Det finnes imidlertid måter å støtte utviklerne av dette verktøyet på hvis du vil.
Live server
Hvis du jobber med nettstedutvikling i VS Code og trenger å visualisere arbeidet ditt så langt, kan du bruke Live server. Det oppretter en lokal og midlertidig server kun for nettstedet som utvikles. Du kan visualisere både dynamiske og statiske nettsider ved å bruke denne utvidelsen.
Noen fremtredende trekk er:
- Live og opplastingsbar nettleserbasert webserver for visualisering av nettstedet.
- Brukere kan stoppe eller starte serveren med et enkelt klikk fra statuslinjen til tillegget.
- Kompatibel med Chrome Debugging Attaching.
Verktøyet er fritt tilgjengelig og har sett mer enn 23 millioner installasjoner så langt.
Visual Studio Code Remote – SSH
Fjernkontrollen – SSH tillegg for VS Code lar deg bruke hvilken som helst ekstern PC med en SSH-server som din IDE. Det vil i stor grad forbedre feilsøking og utvikling i ulike situasjoner. Noen bemerkelsesverdige funksjoner er:
- Utvikle apper og programvare på en sofistikert ekstern arbeidsstasjon ved å få tilgang til den fra din lokale datamaskin.
- Bytt umiddelbart mellom ulike utviklingsmiljøer uten å påvirke ytelsen til din lokale datamaskin.
- Samarbeid om en eksisterende IDE fra flere eksterne maskiner.
Det beste er at du ikke trenger å distribuere noen kildekode på den lokale arbeidsstasjonen. Tillegget kjører kommandoer og andre VS IDE-utvidelser direkte på den eksterne datamaskinen.
Penere – Kodeformater
Hvis du ønsker å implementere en felles stilguide på tvers av alle utviklingsprosjektene i teamet ditt, må du prøve ut Penere tillegg for VS-kode. Her er noen funksjoner i dette tillegget du bør kjenne til:
- Meningsutvidelse for kodeformatering
- Integrerer med mange koderedigerere
- Stildiskusjoner blir ubrukelige når du bruker dette verktøyet
- Det sparer deg for energi og tid
Noen ganger, som utvikler, må du kanskje jobbe med en inkonsekvent kodebase. Du kan enkelt rense og formatere en eksisterende kodebase ved å bruke denne utvidelsen på VS Code.
npm
Hvis du jobber med JavaScript-prosjekter, må du prøve npm som pakkeansvarlig. Nå, når du trenger å flytte arbeidet ditt til VS Code editor, kan du gjøre det. Fordi npm-utvidelsen lar deg nyte npm-støtten på VS Code editor som andre IDE-er.
Noen av de bygde kommandoene er:
- Tilbakekaller det siste npm-skriptet du brukte etter at du installerte denne utvidelsen.
- Kjør et npm-skript
- Avslutter alle kjørende skript
- Kjør npm installasjon
Dette er en Microsoft-utviklet VS Code-utvidelse som har registrert mer enn 5 millioner installasjoner.
Prosjektleder
Hvis du er prosjektleder for programvareutvikling og overvåker flere DevOps-prosjekter på VS Code, bør du prøve ut Prosjektleder. Verktøyet lar deg få tilgang til alle prosjektene fra én datamaskin uansett hvor prosjektene er tilgjengelige.
Det er bestemmelser for å definere prosjekter slik at du enkelt kan organisere dem. Noen bemerkelsesverdige funksjoner er:
- Lagre mapper eller arbeidsområder som prosjekter
- Merk prosjektene dine for avansert organisasjon
- Åpne alle prosjekter i det nye eller samme vinduet
- Identifiser enkelt omdøpte eller slettede prosjekter
Utvidelsen har også vært vitne til over 2 millioner installasjoner.
SonarLint
SonarLint er en åpen kildekode Visual Studio-utvidelse som lar deg fikse kodingsproblemer før de vises. Tillegget fremhever sikkerhetssårbarheter og feil når du skriver koden i Visual Studio. Grensesnittet er enkelt og fungerer akkurat som en stavekontrollapp i et hvilket som helst tekstredigeringsprogram.
Videre gir verktøyet deg klar veiledning om oppløsning. Dermed får du sjansen til å fikse koden før arbeidsflyten forplikter seg til programmet. Dessuten støtter utvidelsen av VS Code forskjellige programmeringsspråkanalyser som C++, C, Java, HTML, PHP, JavaScript, TypeScript og Python.
Stylelint
Leter du etter et automatisert verktøy som vil flagge kodefeil, stilistiske feil, feil og andre mistenkelige konstruksjoner på VS-kode? Du kan prøve Stylelint, en linter-utvidelse som er enkel å installere for VS Code. Bortsett fra flagging, tvinger det utviklingsteamet ditt til å holde seg til forhåndsgodkjente kodestylingkonvensjoner for å unngå søppel og søppel i programvaren eller appkoden din.
Noen bemerkelsesverdige funksjoner:
- Plugin-støtte for personlig regeloppretting
- For moderne CSS-funksjoner og syntakser har den 170+ innebygde regler
- Noen ganger fikser den kodeproblemer automatisk når den forstår ethvert mønster
VS Marketplace viser 700 000 installasjoner for dette tillegget.
CSS-kikk
Vil du bli kvitt å måtte gå over til .css-filen din for å inspisere egenskapene knyttet til en id eller klasse? Du må prøve CSS-kikk tillegg for VS-kode. Den lar deg se hover-bildet av CSS-kode fra HTML-filen.
Utvidelsen konverterer også IDer og klassenavn til hyperkoblinger. Når du klikker på disse hyperkoblingene, får du umiddelbart tilgang til ID-definisjonen og klassen til CSS-en din.
Dette tillegget har registrert mer enn 3 millioner installasjoner. Du kan installere verktøyet i VS Code gratis.
Polacode
Polacode er et tillegg for VS Code som lar deg umiddelbart lage vakre skjermbilder av programvaren eller appkoden din. Deretter kan du bruke den resulterende komponenten til å dele kodingsarbeidet ditt med samarbeidspartnere, venner eller klienter. Det beste er at den beholder alle eksisterende VS Code-temaer og kodefonter. Tillegget setter bare koden inn i en fin layout som ser profesjonell ut.
Utvidelsen kommer med en drafunksjon for å endre størrelse på beholderen eller kodebiten. Du trenger bare å holde og dra i nedre høyre hjørne. Andre kommandoer som du kan bruke til å kontrollere bildeutseende er polacode.shadow, polacode.target, polacode.backgroundColor, etc.
GitLens — VS Code Extension
GitLens, en gratis VS Code-utvidelse, hjelper ganske enkelt kodere å forstå programmeringskodene bedre. Du kan raskt finne ut hvorfor, når og hvem som har endret en kodeblokk eller en kodelinje.
Videre kan du også se gjennom kodehistorikk for å få praktisk innsikt om hvorfor og hvordan et kodestykke har utviklet seg. Derfor kan prosjektlederne enkelt utforske utviklingen eller historien til en kodebase.
Utvidelsen er også tilgjengelig som GitLens+. Den har to abonnementsmoduser. Du kan enten logge på med en gratis konto og dele data med GitLens+-utvikleren eller åpne en betalt konto. Du kan bruke gratiskontoen for offentlige repoer og den betalte kontoen for private repoer.
Importkostnad
Importkostnad er et VS Code-tillegg som lar deg visualisere filstørrelsen til et importert tredjepartsbibliotek. Den viser importkostnadsverdien så snart du importerer biblioteket i VS Code editor.
Du vil se bibliotekstørrelsen på linje mens du skriver inn koden. For å se størrelsen på den importerte bibliotekfilen, bruker den en nettpakke. Noen bemerkelsesverdige funksjoner er:
- Bibliotekstørrelse for import av hele innholdet
- Vis størrelse for standard import
- Kompatibel med Typescript og JavaScript programmeringsspråk.
Tillegget har registrert mer enn 1 million installasjoner.
Path Intellisense
Vanligvis må du håndtere flere filer når du jobber med et programvare- eller apputviklingsprosjekt. Når du skriver en kode, må du skrive inn filnavnet som det er fra ditt eget minne. Nå, ettersom filnavnene inneholder bindestreker, blir det en utfordrende oppgave å huske dem. Her kan du få rask hjelp fra Path Intellisense.
Det er en utvidelse som autofullfører filnavn i en kodebase. Verktøyet foreslår umiddelbart filen du leter etter når den oppdager startbokstavene. Det kan også hjelpe deg med å gjøre skjulte filer synlige.
JavaScript Debugger (natt)
Det er en debug adapter protocol (DAP) basert JavaScript-programfeilsøker. Verktøyet lar deg feilsøke Chrome, Node.js, WebView2, Edge, VS Code-tillegg og mange flere. Siden VS Code versjon 1.46 har JavaScript Debugger vært standard debug-tillegget. Microsoft ruller også gradvis ut verktøyet for Visual Studio IDE.
Denne VS Code-utvidelsen er et åpen kildekode-verktøy fra Microsoft. Du står fritt til å bruke den til enten kommersielle eller ikke-kommersielle utviklingsformål. Verktøyet har registrert over 600 000 installasjoner så langt.
Siste ord
Så langt har du oppdaget noen av de beste VS Code-utvidelsene du må bruke hvis du elsker å jobbe med Microsoft Visual Studio Code. Det er et ledende navn i økosystemet til redaktører for åpen kildekode. Avhengig av prosjektkravene dine, kan du installere hvilken som helst av VS IDE-utvidelsene ovenfor.
Denne ultimate listen over de beste VS IDE-utvidelsene vil hjelpe deg å spare tiden du ville ha investert i å søke etter disse verktøyene. Nå kan du dedikere mer tid til prosjektet ditt siden du allerede vet hvilke utvidelser som er gode.
Du kan også sjekke noen av de beste IDE-ene enhver programmerer bør vite om.