ホームページ > 記事 > 開発ツール > SublimeでHTMLコードを実行する方法

SublimeでHTMLコードを実行する方法

下次还敢オリジナル: 2024-04-03 07:09:201036ブラウズ

Sublime Text を使用して HTML コードを実行するには、それをインストールし、次の手順に従います。 HTML ファイルを作成し、.html として保存します。 LiveReload プラグインをインストールして構成します。ビルドシステムを HTML に設定します。 Ctrl B (Windows/Linux) または Cmd B (Mac) を押してコードを実行します。 LiveReload はブラウザを自動的に更新して、更新されたコードを表示します。

Sublime Text を使用して HTML コードを実行する方法

Sublime Text を使用した Web 開発には HTML コードの実行が不可欠です。ステップが 1 つ減ります。この記事では、Sublime Text を使用して HTML コードを実行する方法を段階的に説明します。

ステップ 1: Sublime Text をインストールして開く

Sublime Text をコンピューターにインストールします。
Sublime Text を開きます。

ステップ 2: HTML ファイルの作成と保存

新しいファイルを作成します ([ファイル] > [新規作成] または Ctrl # を押します) ##N)。

<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 (Mac) を押して HTML コードを実行します。

ステップ 5: 結果の表示

Sublime Text によって内蔵ブラウザが開き、実行中の HTML コードが表示されます。

HTML ファイルに変更を加えて保存すると、LiveReload プラグインによってブラウザが自動的に更新され、更新されたコードが表示されます。

以上がSublimeでHTMLコードを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html windows sublime text linux

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：ランニング結果を美しく表示する方法次の記事：ランニング結果を美しく表示する方法

続きを見る