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

王林
王林original
2019-12-14 16:11:427986parcourir

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"

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!

Déclaration:
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