Maison > outils de développement > VSCode > Comment vscode obtient un effet de prévisualisation en temps réel

Comment vscode obtient un effet de prévisualisation en temps réel

王林
Libérer: 2020-01-10 10:00:40
original
11927 Les gens l'ont consulté

Comment vscode obtient un effet de prévisualisation en temps réel

1. Ouvrez VScode, cliquez sur [Extension], saisissez Live Server dans la zone de recherche, recherchez le plug-in suivant dans les résultats de recherche, sélectionnez pour installer

Comment vscode obtient un effet de prévisualisation en temps réel

2. Une fois l'installation terminée, redémarrez le logiciel pour que le plug-in prenne effet.

3. Après le redémarrage, créez un nouvel espace de travail (vous pouvez également faire glisser un fichier). dossier directement dans vscode) et créez un fichier HTML pour le test. Notez que vous ne pouvez pas utiliser Live Server en faisant glisser un nouveau fichier HTML dans l'EDI. Vous devez placer ce fichier HTML dans l'espace de travail créé (dossier). terminé, nous pouvons le voir sur la barre d'état. Accédez à un Go Live, cliquez dessus et il ouvrira automatiquement le navigateur et affichera

Astuce : S'il y a un projet HTML auparavant, faites simplement glisser le dossier racine du projet dans VScode et il sera automatiquement ajouté à l'espace de travail

Comment vscode obtient un effet de prévisualisation en temps réel

Comment vscode obtient un effet de prévisualisation en temps réel

4. barre d'état, vous pouvez également cliquer avec le bouton droit sur le fichier et sélectionner l'élément Ouvrir avec Live Server

Comment vscode obtient un effet de prévisualisation en temps réel

5 Ensuite, modifiez simplement le code ctrl+S pour enregistrer le code modifié. code, et le navigateur actualisera automatiquement

Comment vscode obtient un effet de prévisualisation en temps réel

Articles et tutoriels 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