Maison > Article > outils de développement > Comment exécuter un projet HTML dans Webstorm

Comment exécuter un projet HTML dans Webstorm

下次还敢original: 2024-04-08 13:00:211276parcourir

Exécuter des projets HTML dans WebStorm : Créer un projet HTML Créer un fichier HTML Écrire du code HTML Configurer Exécuter la configuration Exécuter un projet HTML (Conseils supplémentaires : Exécuter et déboguer rapidement le code JavaScript)

Comment exécuter du HTML dans les projets WebStorm

WebStorm est un IDE JavaScript populaire qui prend en charge les projets HTML. Voici comment exécuter un projet HTML dans WebStorm :

1. Créez un projet HTML

Dans WebStorm, cliquez sur "Fichier" > "Nouveau projet".
Dans la section « Modèle de projet », sélectionnez « HTML ».
Spécifiez le nom et l'emplacement du projet et cliquez sur "Créer".

2. Créez un fichier HTML

Dans l'Explorateur de projet, cliquez avec le bouton droit sur le dossier "src" et sélectionnez "Nouveau" >
Entrez le nom du fichier et cliquez sur "OK".

3. Écrivez le code HTML

Dans le fichier HTML, écrivez la structure HTML de base, y compris <head>、<body> et les éléments nécessaires.

4. Configurez la configuration en cours

Cliquez sur "Exécuter" > "Modifier la configuration".
Dans la boîte de dialogue « Configuration d'exécution/débogage », sélectionnez « HTML » comme type de configuration d'exécution.
Dans le champ "URL", précisez le chemin d'accès au fichier HTML que vous souhaitez exécuter.

5. Exécutez le projet HTML

Cliquez sur le bouton "Exécuter" (icône triangulaire verte).
WebStorm ouvrira la page HTML dans le navigateur par défaut.

Conseils supplémentaires :

Vous pouvez également exécuter rapidement un projet HTML en cliquant avec le bouton droit sur le fichier HTML et en sélectionnant "Exécuter".
WebStorm détecte automatiquement le code JavaScript en HTML et vous permet de le déboguer comme vous le feriez pour un fichier JavaScript.
Vous pouvez utiliser la fonctionnalité Live Edit pour apporter des modifications en temps réel au HTML dans votre navigateur sans recharger la page.

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!

JavaScript html ide webstorm

Déclaration：

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

Article précédent：Comment changer la taille de la police dans WebstormArticle suivant：Comment changer la taille de la police dans Webstorm

Articles Liés

Voir plus