Hvordan sette opp visuell studiokode for JavaScript
Visual Studio Code støtter over 40 programmeringsspråk og er en gratis tekstredigeringsprogram for tvers av plattformer hovedsakelig brukt til front-end utvikling. Det er et produkt av Microsoft og kan brukes i nesten alle de store operativsystemene som Linux, Windows og MacOS. Visual Studio Code er mye brukt til JavaScript -utvikling, da den er lett, men likevel har kraftige innebygde funksjoner som IntelliSense (kode raskere ettersom den viser intelligent kode fullføring), formatering, refactorings, kodelavigasjon, feilsøking og mye mer.
Vi ser på hvordan du setter opp Visual Studio Code for JavaScript i dette innlegget. La oss ta det første trinnet, som er å installere Visual Studio Code i vinduene våre.
Visual Studio Code Installation
For å installere Visual Studio-koden, må vi først laste den ned fra den nedenfor-nevnte lenken:
https: // kode.visuelt studio.com/
Når du besøker ovennevnte URL, vil du se en blå knapp som vil si Last ned for Windows. Klikk på denne knappen.
Når du klikker på den blå knappen, vil nedlasting starte:
Når nedlastingen er ferdig, klikker du på den nedlastede filen som vises i ovennevnte skjermbilde.
Når du er ferdig, vil du se et vindu dukker opp som er en lisensavtale for Visual Studio Code. Velg “jeg godtar avtalen”Alternativ og klikk deretter på neste knapp:
Det neste vinduet som dukker opp vil være for å velge flere oppgaver. Velg alle alternativene du trenger, og klikk deretter på NESTE knapp:
Når du klikker på NESTE knapp, The Klar til å installere Vinduet vises hvor du må klikke på Installere knapp:
Installasjonen starter nå:
Når installasjonen er fullført, klikker du på bli ferdig Knappen og din visuelle studiokode lanseres.
Sett opp visuell studiokode
Nå som vi er ferdige med å laste ned og installere Visual Studio Code, la oss sette opp redaktøren vår for JavaScript. Det første trinnet i å sette opp Visual Studio -koden vår er å installere de nødvendige utvidelsene, noe som vil hjelpe oss med å kode effektivt og raskt. Utvidelsesikonet er til stede til venstre vist på skjermbildet nedenfor:
Når du har klikket på utvidelsens ikon, kan du søke etter ønsket utvidelse du vil installere.
La oss installere Liveserver Utvidelse som er veldig nyttig ettersom den har den automatiske Live Reload -funksjonen. Vi trenger ikke å lagre filen vår, den lagrer automatisk og viser utdataene på nettleseren vår når vi gjør endringer i koden vår.
Søk Live server I fanen Extension og klikk på det under-nevnte ikonet:
Når du klikker på Live server, Du vil se installasjonsalternativet på høyre side. Klikk på installasjonsknappen for å installere live -serveren:
Når du klikker på installere Knapp, din live -server vil installere:
En annen utvidelse vi kan installere i vår visuelle studiokode er JavaScript (ES6) kodebit Noe som er veldig nyttig da denne utvidelsen kommer i mange innebygde kodebiter. Prosedyren for å installere ES6 -kodebiter er den samme som å installere Live server Utvidelse.
Konklusjon
JavaScript er et nettprogrammeringsspråk som gjør våre webapplikasjoner og websider dynamiske og interaktive ved å gi dem muligheten til å tenke og handle. For å kode effektivt og raskere, trenger en utvikler en IDE. IDE er programvare der vanlige utviklerverktøy er kombinert og er tilgjengelige i et enkelt GUI -grensesnitt. En av de beste IDE som brukes til JavaScript er Visual Studio Code som tilbyr kraftige utviklingsverktøy og funksjoner som Code Completion, IntelliSense, Debugger og mye mer.
I dette innlegget satte vi opp Visual Studio Code for JavaScript ved først å laste ned og installere den og deretter installere utvidelser i Visual Studio Code IDE.