Maison outils de développement VSCode Comment utiliser vscode pour ouvrir un navigateur et afficher les fichiers HTML

Comment utiliser vscode pour ouvrir un navigateur et afficher les fichiers HTML

Dec 12, 2019 pm 05:00 PM
html vscode 打开 文件 查看 浏览器

Comment utiliser vscode pour ouvrir un navigateur et afficher les fichiers HTML

Tout d'abord, appuyez sur Ctrl+Shift+P pour afficher le panneau de commande, entrez ctr et sélectionnez [Tâche : Configurer Task Runner]

Comment utiliser vscode pour ouvrir un navigateur et afficher les fichiers HTML

Puis sélectionnez [Autres], vous pouvez voir la configuration par défaut

Comment utiliser vscode pour ouvrir un navigateur et afficher les fichiers HTML

La modification finale est la suivante (supprimez une des lignes) :

{
    "version": "0.1.0",
    "command": "Chrome",
    "windows": {
        "command": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe"
    },
    "isShellCommand": true,
    "args": ["${file}"],
    "showOutput": "never"
}
Copier après la connexion

Après avoir enregistré, ouvrez le fichier html, appuyez sur Ctrl+Shift+B pour ouvrir le navigateur.

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

L'avenir de HTML: évolution et tendances de la conception Web L'avenir de HTML: évolution et tendances de la conception Web Apr 17, 2025 am 12:12 AM

L'avenir de HTML est plein de possibilités infinies. 1) Les nouvelles fonctionnalités et normes comprendront plus de balises sémantiques et la popularité des composants Web. 2) La tendance de la conception Web continuera de se développer vers une conception réactive et accessible. 3) L'optimisation des performances améliorera l'expérience utilisateur grâce à des technologies de chargement d'image réactives et de chargement paresseux.

HTML: The Structure, CSS: The Style, Javascript: Le comportement HTML: The Structure, CSS: The Style, Javascript: Le comportement Apr 18, 2025 am 12:09 AM

Les rôles de HTML, CSS et JavaScript dans le développement Web sont: 1. HTML définit la structure de la page Web, 2. CSS contrôle le style de page Web, et 3. JavaScript ajoute un comportement dynamique. Ensemble, ils construisent le cadre, l'esthétique et l'interactivité des sites Web modernes.

Résoudre les problèmes de mise en cache dans Craft CMS: Utilisation du plug-in Wiejeben / Craft-Laravel-MIX Résoudre les problèmes de mise en cache dans Craft CMS: Utilisation du plug-in Wiejeben / Craft-Laravel-MIX Apr 18, 2025 am 09:24 AM

Lorsque vous développez des sites Web à l'aide de CRAFTCMS, vous rencontrez souvent des problèmes de mise en cache de fichiers de ressources, en particulier lorsque vous mettez fréquemment à mettre à jour les fichiers CSS et JavaScript, les anciennes versions des fichiers peuvent toujours être mises en cache par le navigateur, ce qui fait que les utilisateurs ne voient pas les derniers changements de temps. Ce problème affecte non seulement l'expérience utilisateur, mais augmente également la difficulté du développement et du débogage. Récemment, j'ai rencontré des problèmes similaires dans mon projet, et après une exploration, j'ai trouvé le plugin wiejeben / artist-laravel-mix, qui a parfaitement résolu mon problème de mise en cache.

Démystifier réact dans HTML: comment tout cela fonctionne Démystifier réact dans HTML: comment tout cela fonctionne Apr 17, 2025 am 12:21 AM

React fonctionne en HTML via Dom virtuel. 1) React utilise la syntaxe JSX pour écrire des structures de type HTML. 2) Mise à jour de l'interface utilisateur de gestion DOM virtuelle, rendu efficace via l'algorithme de difficulté. 3) Utilisez Reactdom.Render () pour rendre le composant au vrai Dom. 4) L'optimisation et les meilleures pratiques incluent l'utilisation de react.memo et de division des composants pour améliorer les performances et la maintenabilité.

Comment optimiser les performances du site Web: expériences et leçons tirées de l'utilisation de la bibliothèque minifée Comment optimiser les performances du site Web: expériences et leçons tirées de l'utilisation de la bibliothèque minifée Apr 17, 2025 pm 11:18 PM

En train de développer un site Web, l'amélioration du chargement des pages a toujours été l'une de mes principales priorités. Une fois, j'ai essayé d'utiliser la bibliothèque Miniify pour compresser et fusionner les fichiers CSS et JavaScript afin d'améliorer les performances du site Web. Cependant, j'ai rencontré de nombreux problèmes et défis pendant l'utilisation, ce qui m'a finalement fait réaliser que Miniify pourrait ne plus être le meilleur choix. Ci-dessous, je partagerai mon expérience et comment installer et utiliser MINIFY via Composer.

Comment exécuter le code JS avec VScode Comment exécuter le code JS avec VScode Apr 16, 2025 am 07:33 AM

Comment exécuter le code JS dans VScode? Créer des fichiers .js et écrire du code; installer Node.js et NPM; Installer le débogueur pour Chrome; ouvrir la console de débogage; sélectionner Chrome; Ajouter une configuration de débogage; définir les scripts de débogage; exécuter le code; Débogage du code (facultatif).

Déconstruire le code H5: étiquettes, éléments et attributs Déconstruire le code H5: étiquettes, éléments et attributs Apr 18, 2025 am 12:06 AM

Le code HTML5 se compose d'étiquettes, d'éléments et d'attributs: 1. La balise définit le type de contenu et est entourée de supports d'angle, tels que. 2. Les éléments sont composés d'étiquettes de démarrage, de contenus et de balises d'extrémité, telles que le contenu. 3. Les attributs définissent les paires de valeurs clés dans la balise de démarrage, améliorent les fonctions, telles que. Ce sont les unités de base pour créer une structure Web.

Comment configurer Vue avec VScode Comment configurer Vue avec VScode Apr 16, 2025 am 07:06 AM

Comment configurer VScode pour écrire Vue: installer le plug-in Vue CLI et VScode Vue. Créez un projet VUE. Définissez la mise en surbrillance de la syntaxe, la liaison, la mise en forme automatique et les extraits de code. Installez Eslint et plus joli pour améliorer la qualité du code. GIT intégré (facultatif). Une fois la configuration terminée, VScode est prêt pour le développement de Vue.

See all articles