Maison > outils de développement > VSCode > le corps du texte

Comment exécuter du HTML avec vscode

下次还敢
Libérer: 2024-04-03 04:21:20
original
1447 Les gens l'ont consulté

L'exécution d'un fichier HTML dans Visual Studio Code nécessite uniquement les étapes suivantes : Créez un fichier HTML et entrez le code. Ouvrez le terminal intégré et tapez « live-server ». Appuyez sur Entrée pour ouvrir le fichier HTML dans votre navigateur par défaut et mettre à jour les modifications du fichier en temps réel.

Comment exécuter du HTML avec vscode

Comment exécuter du HTML dans Visual Studio Code

Étapes :

  1. Ouvrez Visual Studio Code (VSCode).
  2. Créez un nouveau fichier HTML ou ouvrez-en un existant.
  3. Dans le fichier HTML, saisissez le code suivant :
<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>我的第一个 HTML 页面</title>
</head>
<body>
  <h1>欢迎来到我的网站!</h1>
</body>
</html></code>
Copier après la connexion
  1. Allez dans l'onglet Terminal ou appuyez sur Ctrl + ~ (Cmd + <code>~) ouvre le terminal intégré. Ctrl + ~(Mac 为 Cmd + ~)打开内置终端。
  2. 在终端中,输入以下命令:
<code>live-server</code>
Copier après la connexion
  1. 按 Enter 键。

详细信息:

Live Server 是 VSCode 的一个内置扩展,用于快速启动和预览基于浏览器的项目。它会在 localhost 上启动一个开发服务器,并自动对文件更改进行实时更新。

运行 HTML 文件后,Live Server 将在默认浏览器中打开该文件。您可以看到页面已成功渲染,并且对文件所做的任何更改都会自动刷新浏览器中的页面。

以下是一些其他提示:

  • 在运行 HTML 文件之前,请确保已安装 Live Server 扩展。
  • Live Server 也可以通过单击 VSCode 底部的 Live Server 图标(类似于播放器按钮)启动。
  • 您可以按 Ctrl + L(Mac 为 Cmd + L
  • Dans Terminal, saisissez la commande suivante :
  • rrreee
    Appuyez sur Entrée. 🎜🎜🎜Détails : 🎜🎜Live Server est une extension intégrée pour VSCode permettant de lancer et de prévisualiser rapidement des projets basés sur un navigateur. Il démarre un serveur de développement sur localhost et effectue automatiquement des mises à jour en direct sur les modifications de fichiers. 🎜🎜Après avoir exécuté le fichier HTML, Live Server ouvrira le fichier dans le navigateur par défaut. Vous pouvez voir que la page est rendue avec succès et que toute modification apportée au fichier actualisera automatiquement la page dans le navigateur. 🎜🎜Voici quelques conseils supplémentaires : 🎜
    🎜Avant d'exécuter un fichier HTML, assurez-vous que l'extension Live Server est installée. 🎜🎜Live Server peut également être démarré en cliquant sur l'icône Live Server (similaire au bouton du lecteur) en bas de VSCode. 🎜🎜Vous pouvez appuyer sur Ctrl + L (Cmd + L pour Mac) pour basculer rapidement entre le terminal et l'éditeur. 🎜🎜Live Server utilise le port 5500 par défaut. Vous pouvez modifier le port en modifiant le fichier settings.json. 🎜🎜

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