ホームページ 開発ツール sublime Sublime が HTML コードを実行する仕組み

Sublime が HTML コードを実行する仕組み

Apr 03, 2024 pm 04:21 PM
sublime

Sublime Text で HTML コードを実行するには 2 つの方法があります。組み込みの HTML プレビューアを使用します。ショートカット キーを押してプレビューアを開き、HTML コードを入力して、[プレビュー] ボタンをクリックします。外部ブラウザとプラグインを使用する: LiveReload プラグインをインストールすると、ファイルの保存後にブラウザのプレビューが自動的に更新されます。

Sublime が HTML コードを実行する仕組み

Sublime Text での HTML コードの実行

Sublime Text は、HTML を実行する複数の方法を提供する人気のあるコード エディターです。コード。最も一般的な 2 つの方法は次のとおりです:

1. 組み込みの HTML プレビューアを使用する

  • Ctrl Alt を押します。 H (Windows) または Cmd Option H (Mac) HTML プレビューアを開きます。
  • HTML コードを入力するか貼り付けます。
  • プレビュー」ボタンをクリックして結果を表示します。

2. 外部ブラウザの使用

  • LiveReload などのブラウザ プラグインをインストールします。
  • Sublime Text で HTML ファイルを開きます。
  • ドキュメントを保存します。
  • プラグインはブラウザ内のプレビューを自動的に更新します。

詳細な手順:

組み込みの HTML プレビューアーを使用する:

  1. Sublime Text を開く。
  2. プレビューする HTML ファイルを開くか作成します。
  3. Ctrl Alt H (Windows) または Cmd Option H を押します。 (Mac) HTML プレビューアを開きます。
  4. プレビューが読み込まれるまで待ちます。

外部ブラウザの使用 (LiveReload プラグイン):

  1. LiveReload プラグインをブラウザにインストールします。
  2. Sublime Text を開きます。
  3. プレビューする HTML ファイルを開くか作成します。
  4. [ツール] → [ビルド システム][ビルド システムの選択]をクリックします。
  5. LiveReload を選択してシステムを構築します。
  6. ドキュメントを保存します。
  7. ブラウザのプレビューは自動的に更新されます。

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

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

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

メモ帳のファイルが大きすぎて開けない場合はどうすればよいですか? メモ帳のファイルが大きすぎて開けない場合はどうすればよいですか? Apr 08, 2024 am 03:15 AM

メモ帳のファイルが大きすぎて開けない場合はどうすればよいですか?

メモ帳でテキスト列を整列する方法 メモ帳でテキスト列を整列する方法 Apr 08, 2024 am 01:00 AM

メモ帳でテキスト列を整列する方法

htmlを開くには何を使用すればよいですか? htmlを開くには何を使用すればよいですか? Apr 21, 2024 am 11:33 AM

htmlを開くには何を使用すればよいですか?

昇華が開けないのはなぜですか? 昇華が開けないのはなぜですか? Apr 03, 2024 pm 06:57 PM

昇華が開けないのはなぜですか?

Pythonプログラミングに適したソフトウェアは何ですか? Pythonプログラミングに適したソフトウェアは何ですか? Apr 20, 2024 pm 08:11 PM

Pythonプログラミングに適したソフトウェアは何ですか?

コピーしたコードをPythonで使用する方法 コピーしたコードをPythonで使用する方法 Apr 20, 2024 pm 06:26 PM

コピーしたコードをPythonで使用する方法

ローカルファイルをHTMLで開く方法 ローカルファイルをHTMLで開く方法 Apr 22, 2024 am 09:39 AM

ローカルファイルをHTMLで開く方法

Pythonでpyファイルを作成する方法 Pythonでpyファイルを作成する方法 May 05, 2024 pm 07:57 PM

Pythonでpyファイルを作成する方法

See all articles