Maison > outils de développement > VSCode > Comment ouvrir le navigateur vscode

Comment ouvrir le navigateur vscode

藏色散人
Libérer: 2019-11-12 11:34:18
original
22673 Les gens l'ont consulté

Comment ouvrir le navigateur vscode

Comment ouvrir vscode dans le navigateur ?

Paramètres vscode pour afficher la page html dans le navigateur

Ouvrez d'abord le programme et écrivez un programme html.

Comment ouvrir le navigateur vscode

Cliquez ensuite sur l'extension sur la cinquième ligne à gauche, ou utilisez la touche de raccourci ctrl+shift+X pour ouvrir la barre d'extension.

Tutoriel recommandé : Tutoriel vscode

Comment ouvrir le navigateur vscode

Entrez "ouvrir dans le navigateur" dans la barre de recherche de la barre d'extension, puis vous peut le trouver Ouvrir dans le navigateur est un plug-in, et le mot « Installer » sera affiché dans le coin inférieur droit du plug-in.

Comme je l'ai déjà installé ici, l'installation ne s'affiche pas.

Comment ouvrir le navigateur vscode

Une fois l'installation terminée, vous pouvez consulter la documentation, qui contient les touches de raccourci utilisées par le plug-in. Dans le navigateur par défaut, Alt+B est affiché ; dans les autres navigateurs, Shift+Alt+B.

Comment ouvrir le navigateur vscode

Retournez au document HTML que vous avez créé au début et vous pourrez utiliser les touches de raccourci pour l'exécuter. Vous pouvez également cliquer avec le bouton droit sur le document HTML et choisir de l'ouvrir avec le navigateur par défaut ou un autre navigateur dans la fenêtre contextuelle.

Comment ouvrir le navigateur vscode

Si vous choisissez d'ouvrir dans d'autres navigateurs, la boîte de commande au milieu affichera les navigateurs qui peuvent être utilisés, sélectionnez simplement le nom du navigateur dont vous avez besoin, ici nous utilisons Essayez Chrome.

Comment ouvrir le navigateur vscode

Vous pouvez voir que le programme a été exécuté avec succès dans le navigateur.

Comment ouvrir le navigateur 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