So führen Sie HTML-Code in Sublime aus-sublime-php.cn

So führen Sie HTML-Code in Sublime aus

下次还敢

Freigeben： 2024-04-03 07:09:20

Original

1144 Leute haben es durchsucht

Um HTML-Code mit Sublime Text auszuführen, installieren Sie ihn einfach und befolgen Sie diese Schritte: Erstellen Sie eine HTML-Datei und speichern Sie sie als .html. Installieren und konfigurieren Sie das LiveReload-Plug-in. Stellen Sie das Build-System auf HTML ein. Drücken Sie Strg+B (Windows/Linux) oder Befehl+B (Mac), um den Code auszuführen. LiveReload aktualisiert den Browser automatisch, um den aktualisierten Code anzuzeigen.

So führen Sie HTML-Code in Sublime aus

So verwenden Sie Sublime Text zum Ausführen von HTML-Code

Das Ausführen von HTML-Code ist ein wesentlicher Schritt in der Webentwicklung mit Sublime Text. In diesem Artikel erfahren Sie Schritt für Schritt, wie Sie HTML-Code mit Sublime Text ausführen.

Schritt 1: Sublime Text installieren und öffnen

Installieren Sie Sublime Text auf Ihrem Computer.
Öffnen Sie Sublime Text.

Schritt 2: HTML-Datei erstellen und speichern

Erstellen Sie eine neue Datei (Datei > Neu oder drücken Sie Strg + N). Ctrl + N）。
将以下 HTML 代码粘贴到文件中：

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

Nach dem Login kopieren

保存文件（“文件”>“保存”或按 Ctrl + S）。请确保将文件扩展名保存为 .html。

步骤 3：安装并配置 LiveReload 插件

安装 LiveReload 插件（“工具”>“包控制”>“安装包”）。
重新启动 Sublime Text。
在 Sublime Text 的菜单栏中，找到 LiveReload 选项卡并单击它。
选择“首选项”并确保已启用 LiveReload。

步骤 4：运行 HTML 代码

在 Sublime Text 中，转到“工具”>“构建系统”，然后选择“HTML”。
按 Ctrl + B (Windows/Linux) 或 Cmd + B

rrreeeSpeichern Sie die Datei (Datei > Speichern oder drücken Sie Strg + S). Stellen Sie sicher, dass Sie die Datei mit der Erweiterung .html speichern.

Schritt 3: Installieren und konfigurieren Sie das LiveReload-Plugin

🎜Installieren Sie das LiveReload-Plugin („Tools“ > „Paketsteuerung“ > „Paket installieren“). 🎜🎜Sublime Text neu starten. 🎜🎜Suchen Sie in der Menüleiste von Sublime Text die Registerkarte „LiveReload“ und klicken Sie darauf. 🎜🎜Wählen Sie „Einstellungen“ und stellen Sie sicher, dass LiveReload aktiviert ist. 🎜🎜🎜🎜Schritt 4: Führen Sie den HTML-Code aus. 🎜🎜🎜🎜Gehen Sie in Sublime Text zu Extras > Build System. 🎜🎜Drücken Sie Strg + B (Windows/Linux) oder Cmd + B (Mac), um den HTML-Code auszuführen Code. 🎜🎜🎜🎜Schritt 5: Ergebnisse anzeigen 🎜🎜🎜🎜Sublime Text öffnet einen integrierten Browser und zeigt den laufenden HTML-Code an. 🎜🎜Wenn Sie Änderungen an einer HTML-Datei vornehmen und speichern, aktualisiert das LiveReload-Plugin automatisch den Browser, um den aktualisierten Code anzuzeigen. 🎜🎜

Das obige ist der detaillierte Inhalt vonSo führen Sie HTML-Code in Sublime aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!