Comment exécuter du HTML avec vscode-VSCode-php.cn

Comment exécuter du HTML avec vscode

下次还敢

Libérer： 2024-04-03 04:21:20

original

1411 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 :

Ouvrez Visual Studio Code (VSCode).
Créez un nouveau fichier HTML ou ouvrez-en un existant.
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

Allez dans l'onglet Terminal ou appuyez sur Ctrl + ~ (Cmd + <code>~) ouvre le terminal intégré. Ctrl + ~（Mac 为 Cmd + ~）打开内置终端。
在终端中，输入以下命令：

<code>live-server</code>

Copier après la connexion

按 Enter 键。

详细信息：

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

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

以下是一些其他提示：

在运行 HTML 文件之前，请确保已安装 Live Server 扩展。
Live Server 也可以通过单击 VSCode 底部的 Live Server 图标（类似于播放器按钮）启动。
您可以按 Ctrl + L（Mac 为 Cmd + L
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 : 🎜

Ctrl

L

Cmd

L

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!