Maison > Article > outils de développement > Comment Webstorm exécute HTML5
Comment Webstorm exécute HTML5
- 下次还敢original
- 2024-04-08 18:24:23987parcourir
Étapes pour exécuter HTML5 dans WebStorm : créez un nouveau projet Web et sélectionnez "HTML5" comme modèle. Créez un nouveau fichier HTML avec une extension ".html" et ajoutez le code HTML de base. Cliquez sur le bouton Exécuter de la barre d'outils pour ouvrir le fichier HTML dans votre navigateur par défaut.
Exécuter HTML5 dans WebStorm
Pour exécuter HTML5 à l'aide de WebStorm, suivez ces étapes :
Étape 1 : Créer un projet
- Ouvrez WebStorm et créez un nouveau projet Web.
- Sélectionnez "HTML5" comme modèle.
Étape 2 : Créer un fichier HTML
- Dans le répertoire du projet, cliquez avec le bouton droit et sélectionnez Nouveau > Fichier.
- Nommez le fichier et étendez-le avec ".html".
- Ajoutez le code HTML suivant dans le fichier :
<code class="html"><!DOCTYPE html> <html> <head> <title>Hello HTML5</title> </head> <body> <h1>Hello HTML5!</h1> </body> </html></code>
Étape 3 : Exécutez le fichier HTML
- Ouvrez le fichier HTML dans WebStorm.
- Cliquez sur le bouton "Exécuter" (icône triangulaire verte) dans la barre d'outils.
- Dans la boîte de dialogue qui apparaît, sélectionnez "Navigateur par défaut".
WebStorm lancera le fichier HTML dans le navigateur par défaut. Vous devriez voir une page Web avec le texte « Bonjour HTML5 ! »
Astuce :
- Vous pouvez également exécuter le fichier HTML en cliquant dessus avec le bouton droit et en sélectionnant "Exécuter".
- Pour exécuter un projet avec plusieurs fichiers HTML, faites un clic droit sur le répertoire du projet et sélectionnez "Exécuter".
- WebStorm détecte et installe également automatiquement les éléments HTML5 manquants.
- Pour déboguer le code HTML5, utilisez les outils de débogage de WebStorm.
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!