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

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

下次还敢
リリース: 2024-04-03 07:09:20
オリジナル
1144 人が閲覧しました

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

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

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

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

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

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

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

  • 新しいファイルを作成します ([ファイル] > [新規作成] または 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 (Mac) を押して HTML コードを実行します。
ステップ 5: 結果の表示

Sublime Text によって内蔵ブラウザが開き、実行中の HTML コードが表示されます。
  • HTML ファイルに変更を加えて保存すると、LiveReload プラグインによってブラウザが自動的に更新され、更新されたコードが表示されます。

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート