Rumah > alat pembangunan > sublime > Bagaimana untuk menjalankan kod html dalam sublime

Bagaimana untuk menjalankan kod html dalam sublime

下次还敢
Lepaskan: 2024-04-03 07:09:20
asal
1137 orang telah melayarinya

Untuk menjalankan kod HTML dengan Teks Sublime, cuma pasang dan ikuti langkah berikut: Buat fail HTML dan simpan sebagai .html. Pasang dan konfigurasikan pemalam LiveReload. Tetapkan sistem binaan kepada HTML. Tekan Ctrl+B (Windows/Linux) atau Cmd+B (Mac) untuk menjalankan kod. LiveReload akan memuat semula penyemak imbas secara automatik untuk memaparkan kod yang dikemas kini.

Bagaimana untuk menjalankan kod html dalam sublime

Cara menggunakan Sublime Text untuk menjalankan kod HTML

Menjalankan kod HTML ialah langkah penting dalam pembangunan web menggunakan Sublime Text. Artikel ini akan membimbing anda langkah demi langkah tentang cara menjalankan kod HTML menggunakan Teks Sublime.

Langkah 1: Pasang dan Buka Teks Sublime

  • Pasang Teks Sublime pada komputer anda.
  • Buka Teks Sublime.

Langkah 2: Buat dan simpan fail HTML

  • Buat fail baharu (Fail > Baharu atau tekan Ctrl + N) . Ctrl + N)。
  • 将以下 HTML 代码粘贴到文件中:
<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>我的第一个 HTML 页面</title>
</head>
<body>
  <h1>欢迎来到我的网站!</h1>
</body>
</html></code>
Salin selepas log masuk
  • 保存文件(“文件”>“保存”或按 Ctrl + S)。请确保将文件扩展名保存为 .html

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

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

步骤 4:运行 HTML 代码

  • 在 Sublime Text 中,转到“工具”>“构建系统”,然后选择“HTML”。
  • Ctrl + B (Windows/Linux) 或 Cmd + B
  • Tampal kod HTML berikut ke dalam fail:

rrreeeSimpan fail (Fail > Simpan atau tekan Ctrl + S). Pastikan anda menyimpan fail dengan sambungan .html.

  • Langkah 3: Pasang dan konfigurasikan pemalam LiveReload
🎜Pasang pemalam LiveReload ("Tools" > "Package Control" > "Install Package"). 🎜🎜Mulakan semula Teks Sublime. 🎜🎜Dalam bar menu Sublime Text, cari tab LiveReload dan klik padanya. 🎜🎜Pilih "Keutamaan" dan pastikan LiveReload didayakan. 🎜🎜🎜🎜Langkah 4: Jalankan kod HTML 🎜🎜🎜🎜Dalam Sublime Text, pergi ke Tools > Build System dan pilih HTML. 🎜🎜Tekan Ctrl + B (Windows/Linux) atau Cmd + B (Mac) untuk menjalankan HTML kod. 🎜🎜🎜🎜Langkah 5: Lihat Hasil 🎜🎜🎜🎜Teks Sublime akan membuka pelayar terbina dalam dan memaparkan kod HTML yang sedang berjalan. 🎜🎜Apabila anda membuat perubahan dalam fail HTML dan menyimpan, pemalam LiveReload akan menyegarkan semula penyemak imbas secara automatik untuk menunjukkan kod yang dikemas kini. 🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk menjalankan kod html dalam sublime. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan