Come configurare il codice Visual Studio per JavaScript
Il codice Visual Studio supporta oltre 40 linguaggi di programmazione ed è un editor di testo multipiattaforma gratuito utilizzato principalmente per lo sviluppo front-end. È un prodotto di Microsoft e può essere utilizzato in quasi tutti i principali sistemi operativi come Linux, Windows e MacOS. Il codice Visual Studio è ampiamente utilizzato per lo sviluppo di JavaScript in quanto è leggero ma ha potenti funzionalità integrate come Intellisense (codice più veloce in quanto mostra il completamento del codice intelligente), formattazione, refactorings, navigazione in codice, debug e molto altro.
Vedremo come impostare il codice Visual Studio per JavaScript in questo post. Facciamo il primo passo, che è installare il codice Visual Studio nelle nostre Windows.
Visual Studio Code Installation
Per installare il codice Visual Studio, in primo luogo, dobbiamo scaricarlo dal collegamento di seguito:
https: // codice.VisualStudio.com/
Quando visiti l'URL sopra, vedrai un pulsante blu che dirà Scarica per Windows. Fai clic su questo pulsante.
Quando si fa clic sul pulsante blu, il download inizierà:
Una volta terminato il download, fai clic sul file scaricato mostrato nello screenshot sopra.
Una volta fatto, vedrai una finestra pop -up che è un accordo di licenza per il codice Visual Studio. Seleziona il "accetto l'accordo"Opzione e quindi fare clic sul pulsante successivo:
La finestra successiva che verrà visualizzata sarà per la selezione di attività aggiuntive. Seleziona tutte le opzioni necessarie e quindi fai clic su Prossimo pulsante:
Una volta fatto clic su Prossimo pulsante, il Pronto a installare la finestra verrà visualizzata dove devi fare clic su Installare pulsante:
L'installazione ora inizierà:
Una volta completata l'installazione, fare clic su su fine Il pulsante e il tuo codice Visual Studio verranno lanciati.
Imposta il codice Visual Studio
Ora che abbiamo finito con il download e l'installazione del codice Visual Studio, impostiamo il nostro editor per JavaScript. Il primo passo nell'impostare il nostro codice Visual Studio è installare le estensioni richieste, che ci aiuteranno a programmare in modo efficiente e rapido. L'icona di estensione è presente a sinistra mostrata nello screenshot seguente:
Una volta fatto clic sull'icona dell'estensione, cerca l'estensione desiderata che si desidera installare.
Installiamo il Viveserver Estensione che è molto utile in quanto ha la funzione di ricarica live automatica. Non abbiamo bisogno di salvare il nostro file, salverà automaticamente e mostrerà l'output sul nostro browser ogni volta che apportiamo modifiche al nostro codice.
Cercare nel Server live Nella scheda Extension e fare clic sull'icona di seguito:
Una volta fatto clic su Server live, Vedrai l'opzione di installazione sul lato destro. Fai clic sul pulsante Installa per installare Live Server:
Una volta fatto clic su installare pulsante, il tuo server live installerà:
Un'altra estensione che possiamo installare nel nostro codice Visual Studio è il JavaScript (ES6) snippet di codice Il che è molto utile in quanto questa estensione è disponibile in numerosi frammenti di codice integrati. La procedura per l'installazione di frammenti di codice ES6 è la stessa dell'installazione del Server live estensione.
Conclusione
JavaScript è un linguaggio di programmazione web che rende le nostre applicazioni Web e le nostre pagine Web dinamiche e interattive dando loro la possibilità di pensare e agire. Per codificare in modo efficiente e veloce, uno sviluppatore ha bisogno di un IDE. IDE è un software in cui gli strumenti di sviluppatori comuni sono combinati e sono disponibili in una singola interfaccia GUI. Uno dei migliori IDE utilizzati per JavaScript è il codice Visual Studio che offre potenti strumenti e funzionalità di sviluppo come il completamento del codice, Intellisense, Debugger e molto altro ancora.
In questo post, abbiamo configurato il codice Visual Studio per JavaScript scaricandolo e installandolo e quindi installando estensioni nel codice Visual Studio IDE.