ホームページ  >  記事  >  開発ツール  >  SublimeでHTMLをコンパイルする方法

SublimeでHTMLをコンパイルする方法

下次还敢
下次还敢オリジナル
2024-04-03 08:51:161001ブラウズ

Sublime Text で HTML をコンパイルする手順: HTML プリプロセッサ プラグインをインストールします。 HTMLドキュメントを作成します。ファイルに .html 拡張子を付けて保存します。 Ctrl Alt B (Windows/Linux) または Cmd Option B (Mac) を押して HTML をコンパイルします。現在のディレクトリにある、index.html という名前のコンパイル済みファイルを表示します。

SublimeでHTMLをコンパイルする方法

Sublime Text で HTML をコンパイルする方法

Sublime Text は、編集およびコンパイルに使用できる人気のテキスト エディターです。 HTML を含むさまざまなプログラミング言語。次の手順では、Sublime Text で HTML をコンパイルする方法について説明します。

ステップ 1: HTML プリプロセッサをインストールする

  • [環境設定] メニューに移動し、[パッケージ コントロール] を選択します。 」。
  • 検索ボックスに「HTML-CSS-JS Prettify」と入力し、Enter キーを押します。
  • 「HTML-CSS-JS Prettify」プラグインを見つけて、「インストール」をクリックします。

ステップ 2: HTML ドキュメントの作成

  • Sublime Text で新しいファイルを作成します。
  • 次の HTML コードをファイルに貼り付けます:
<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>简单 HTML 页面</title>
</head>
<body>
  <h1>欢迎访问我的网站</h1>
  <p>这是一段段落。</p>
</body>
</html></code>

ステップ 3: ファイルを保存します

  • ファイルを保存します。拡張子 .html を持つファイル (index.html など)。

ステップ 4: HTML のコンパイル

  • Ctrl Alt B を押します。 (Windows/Linux) または Cmd Option B (Mac) キーを使用して HTML をコンパイルします。

ステップ 5: コンパイル結果を表示する

コンパイル後、Sublime Text は現在のディレクトリに index.html という名前のファイルを生成します。ディレクトリドキュメント。このファイルには、ブラウザで表示できるようにフォーマットされた HTML コードが含まれています。

ヒント:

  • Sublime Text は HTML ファイルを自動的に保存するため、手動で保存する必要はありません。
  • コンパイルする前に、HTML プリプロセッサ プラグインがインストールされていることを確認してください。
  • 問題が発生した場合は、Sublime Text を再起動するか、HTML プリプロセッサ プラグインを再インストールしてください。

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

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