Maison > outils de développement > VSCode > Comment utiliser un navigateur pour afficher le code écrit en VSCode

Comment utiliser un navigateur pour afficher le code écrit en VSCode

angryTom
Libérer: 2020-02-10 14:46:28
original
6634 Les gens l'ont consulté

Vscode affiche par défaut les fichiers html sous la console, ce qui est très gênant pour nous de visualiser et de déboguer. Alors, comment l'ouvrir dans le navigateur ?

Comment utiliser un navigateur pour afficher le code écrit en VSCode

Comment utiliser un navigateur pour afficher le code écrit en VSCode

1. Créez un nouveau. Fichier HTML

Comment utiliser un navigateur pour afficher le code écrit en VSCode

2. Cliquez sur Extensions à gauche pour ouvrir la barre d'extension

Comment utiliser un navigateur pour afficher le code écrit en VSCode

3. Entrez ouvrir dans le navigateur dans la barre de recherche de la barre d'extension, recherchez le plug-in ouvrir dans le navigateur et cliquez sur « Installer » dans le coin inférieur droit pour l'installer.

Comment utiliser un navigateur pour afficher le code écrit en VSCode

4. Revenez au fichier HTML que vous venez de créer, faites un clic droit sur le fichier et sélectionnez Utiliser dans la fenêtre contextuelle. fenêtre Il s'ouvre dans le navigateur par défaut ou dans d'autres navigateurs, ou vous pouvez utiliser les touches de raccourci que nous avons mentionnées ci-dessus (Alt + B ou Shift + Alt + B).

Comment utiliser un navigateur pour afficher le code écrit en VSCode

6. Si vous souhaitez l'ouvrir dans d'autres navigateurs, sélectionnez Ouvrir dans d'autres navigateurs (Maj+Alt+B, une boîte de commande apparaîtra en haut, les navigateurs disponibles seront affichés, sélectionnez simplement le navigateur dont vous avez besoin. Ici, nous utilisons Chrome pour l'ouvrir >
Articles et tutoriels connexes recommandés :

tutoriel vscode

Comment utiliser un navigateur pour afficher le code écrit en 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