Heim > Artikel > Entwicklungswerkzeuge > So führen Sie HTML-Code in Sublime aus

So führen Sie HTML-Code in Sublime aus

下次还敢Original: 2024-04-03 07:09:201035Durchsuche

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

保存文件（“文件”>“保存”或按 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!

html windows sublime text linux

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So zeigen Sie Laufergebnisse in Sublime anNächster Artikel：So zeigen Sie Laufergebnisse in Sublime an

In Verbindung stehende Artikel

Mehr sehen