简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > 開発ツール > sublime > 本文

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

下次还敢
リリース： 2024-04-03 08:51:16
オリジナル
979 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル：
linux sublime
ソース：php.cn
前の記事：SublimeでHTMLを作成する方法 次の記事：Sublime をコンパイルする方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Linux Bash: HTML テーブル データ ブロックを簡単に削除 bash スクリプトを使用して処理される HTML ファイルがあり、空のテーブルを削除したいと考えています。ファイルは SQL ステートメントから生成されますが、レコードが見つから...
から 2024-04-02 09:13:43
0
1
332
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！