Comment exécuter du code frontal sur vscode

En général, après avoir installé VsCode, nous devons installer de nombreux plug-ins pour que vscode prenne en charge les fonctions liées. Voyons comment vscode exécute le code frontal.

vscode peut installer un serveur Web statique et Live Server est utilisé pour exécuter du code frontal pour un débogage facile. Le dernier Live Server prend déjà en charge les pages dynamiques php.

La méthode d'installation consiste à cliquer sur la cinquième icône à gauche pour ouvrir la page "Extensions", à saisir Live Server dans la zone de texte, à cliquer sur le premier résultat de recherche, à cliquer sur Installer sur la page de droite et à attendre. pour que l'installation soit terminée.

La méthode de fonctionnement consiste à sélectionner le projet et à cliquer sur le bouton Passer en direct dans la barre d'outils en bas de l'écran. Cliquez à nouveau pour arrêter le serveur.

Live Server propose des options de configuration par défaut que les utilisateurs peuvent modifier. Cliquez sur Fichier->Préférences->Paramètres et recherchez Live Server Config sur la page de droite, qui répertorie les propriétés de configuration de ce plug-in. Copiez-le à droite, modifiez les valeurs d'attribut et cliquez sur Enregistrer.

Par exemple, pour modifier le port par défaut, vous pouvez copier le code suivant dans les paramètres utilisateur sur le côté droit de la page :

"liveServer.settings.port": 5501

Tutoriels d'articles associés recommandés : tutoriel vscode

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!