Comment configurer le code Visual Studio pour JavaScript
Visual Studio Code prend en charge plus de 40 langages de programmation et est un éditeur de texte multiplateforme gratuit principalement utilisé pour le développement frontal. C'est un produit de Microsoft et peut être utilisé dans presque tous les principaux systèmes d'exploitation comme Linux, Windows et MacOS. Le code Visual Studio est largement utilisé pour le développement de JavaScript car il est léger mais a de puissantes fonctionnalités intégrées comme Intellisense (code plus rapidement car il affiche l'achèvement du code intelligent), le formatage, les refactorisations, la navigation de code, le débogage et bien plus encore.
Nous verrons comment configurer Visual Studio Code pour JavaScript dans ce post. Faisons le premier pas, c'est-à-dire pour installer le code Visual Studio dans nos fenêtres.
Installation du code Visual Studio
Pour installer Visual Studio Code, nous devons d'abord le télécharger à partir du lien mentionné ci-dessous:
https: // code.Visual Studio.com /
Lorsque vous visitez l'URL ci-dessus, vous verrez un bouton bleu qui dira Télécharger pour Windows. Cliquez sur ce bouton.
Lorsque vous cliquez sur le bouton bleu, le téléchargement démarre:
Une fois votre téléchargement terminé, cliquez sur le fichier téléchargé affiché dans la capture d'écran ci-dessus.
Une fois terminé, vous verrez une fenêtre apparaître qui est un accord de licence pour le code Visual Studio. Sélectionnez le "J'accepte l'accord”Option puis cliquez sur le bouton Suivant:
La prochaine fenêtre qui apparaîtra sera pour sélectionner des tâches supplémentaires. Sélectionnez toutes les options dont vous avez besoin, puis cliquez sur Suivant bouton:
Une fois que vous avez cliqué sur le Suivant bouton, le Prêt à installer La fenêtre apparaîtra où vous devez cliquer sur le Installer bouton:
L'installation va maintenant commencer:
Une fois l'installation terminée finir Le bouton et votre code Visual Studio seront lancés.
Configuration du code Visual Studio
Maintenant que nous avons terminé avec le téléchargement et l'installation du code Visual Studio, créons notre éditeur pour JavaScript. La première étape dans la configuration de notre code Visual Studio consiste à installer les extensions requises, ce qui nous aidera à coder efficacement et rapidement. L'icône d'extension est présente à gauche indiquée dans la capture d'écran ci-dessous:
Une fois que vous avez cliqué sur l'icône de l'extension, recherchez l'extension souhaitée que vous souhaitez installer.
Installons le Liveserver Extension qui est très utile car il a la fonction de rechargement en direct automatique. Nous n'avons pas besoin d'enregistrer notre fichier, il enregistrera et affichera automatiquement la sortie sur notre navigateur chaque fois que nous apporterons des modifications à notre code.
Cherche le Serveur en direct Dans l'onglet Extension et cliquez sur l'icône mentionnée ci-dessous:
Une fois que vous avez cliqué sur le Serveur en direct, Vous verrez l'option d'installation sur le côté droit. Cliquez sur le bouton Installer pour installer le serveur en direct:
Une fois que vous avez cliqué sur le installer bouton, votre serveur en direct s'installera:
Une autre extension que nous pouvons installer dans notre code Visual Studio est le JavaScript (ES6) extrait de code Ce qui est très utile car cette extension est disponible dans de nombreux extraits de code intégrés. La procédure d'installation des extraits de code ES6 est la même que l'installation du Serveur en direct extension.
Conclusion
JavaScript est un langage de programmation Web qui rend nos applications Web et nos pages Web dynamiques et interactives en leur donnant la possibilité de penser et d'agir. Pour coder efficacement et plus rapidement, un développeur a besoin d'un IDE. IDE est un logiciel où les outils de développeur communs sont combinés et sont disponibles dans une seule interface GUI. L'un des meilleurs IDE utilisés pour JavaScript est le code Visual Studio qui offre de puissants outils et fonctionnalités de développement tels que la complétion du code, Intellisense, Debugger et bien plus encore.
Dans cet article, nous avons configuré le code Visual Studio pour JavaScript en le téléchargeant et l'installation, puis en installant des extensions dans le code Visual Studio IDE.