Maison > outils de développement > VSCode > Comment vscode permet d'ouvrir le code dans le navigateur et de l'actualiser en temps réel

Comment vscode permet d'ouvrir le code dans le navigateur et de l'actualiser en temps réel

王林
Libérer: 2019-12-14 16:11:42
original
7981 Les gens l'ont consulté

Comment vscode permet d'ouvrir le code dans le navigateur et de l'actualiser en temps réel

Recherchez le plug-in "Afficher dans le navigateur" dans l'extension vscode et cliquez pour l'installer. Cliquez sur l'explorateur pour sélectionner le fichier actuel, faites un clic droit et sélectionnez "Afficher dans". Navigateur" pour ouvrir la page dans le navigateur par défaut

Comment vscode permet douvrir le code dans le navigateur et de lactualiser en temps réel

Méthode d'actualisation en temps réel : livereload

Exécutez la commande dans le répertoire du projet :

browser-sync start --server --files "**/*.css,**/*.html,**/*.js"
Copier après la connexion

Sélectionnez "Terminal intégré" dans View", commande Entrez la commande ci-dessus sur la ligne

Comment vscode permet douvrir le code dans le navigateur et de lactualiser en temps réel

Cliquez avec le bouton droit sur le fichier local et sélectionnez "Ouvrir dans Terminal", entrez la commande

Comment vscode permet douvrir le code dans le navigateur et de lactualiser en temps réel

Les deux méthodes ci-dessus ont le même effet et le même principe. Elles peuvent toutes deux être exécutées en arrière-plan. Appuyez sur la touche de raccourci "control+c. " pour quitter le processus en cours d'exécution.

Articles et didacticiels connexes 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal