Maison > Article > outils de développement > Comment exécuter un projet HTML créé par vscode

Comment exécuter un projet HTML créé par vscode

下次还敢original: 2024-04-03 03:33:211192parcourir

Étapes pour exécuter un projet HTML dans VS Code : Créez un projet HTML. Créez un fichier HTML. Écrivez du code HTML. Appuyez sur Ctrl + Shift + B (Windows) ou Cmd + Shift + B (Mac) pour exécuter le projet HTML.

Comment utiliser VS Code pour exécuter des projets HTML

Étape 1 : Créer un projet HTML

Ouvrez VS Code.
Cliquez sur "Fichier" > "Nouveau" > "Dossier".
Entrez un nom de projet (par exemple, "my_html_project").

Étape 2 : Créer un fichier HTML

Cliquez avec le bouton droit sur le dossier du projet et sélectionnez Nouveau > Fichier.
Entrez un nom de fichier (par exemple, "index.html").

Étape 3 : Écrire le code HTML

Dans le fichier index.html, écrivez le code HTML de base suivant :

<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>我的第一个 HTML 页面</title>
</head>
<body>
  <h1>欢迎来到我的第一个 HTML 页面！</h1>
</body>
</html></code>

Étape 4 : Exécutez le projet HTML

Dans VS Code, appuyez sur Ctrl + Shift + B（Windows）或 Cmd + Shift + B ( Mac).
VS Code ouvrira automatiquement le navigateur intégré et affichera la page HTML.

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!

html windows vscode

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：Quelle clé vscode utilise-t-il pour exécuter du code ?Article suivant：Quelle clé vscode utilise-t-il pour exécuter du code ?

Articles Liés

Voir plus