communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
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
7978 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：
vscode 代码 刷新 实时 浏览器
source：php.cn
Article précédent：Le changement de thème vscode n'est pas valide Article suivant：vscode ne trouve pas le chemin git
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
Derniers articles par auteur
Derniers numéros
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Le vérificateur de Sudoku ne fonctionne pas ? Quelqu'un peut-il m'aider à identifier l'erreur ? J'ai tout essayé sur l'éditeur en ligne mais j'obtiens toujours l'erreur. Mais quand je fa...
Depuis 2024-04-06 21:21:07
0
1
474
Ma page a un titre en HTML, mais il n'est pas visible Alors je viens de commencer à coder alors ne me jugez pas. J'essaie de créer mon site Web ...
Depuis 2024-04-01 18:24:53
0
1
364
Comment personnaliser l'attribut d'identifiant VSCode ? Je suis récemment passé d'Atom à VSCode, et même si j'ai réussi à personnaliser la plupart...
Depuis 2024-03-31 14:13:45
0
1
373
/bin/sh : 1 : C:xamppphpphp.exe : introuvable J'utilise WSL2, Ubuntu20.04 et j'exécute VSCode. J'utilise l'extension CodeRunner dans VSC...
Depuis 2024-03-31 09:10:37
0
1
333
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal