ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLコードのフォーマット方法
HTML コードは、組み込みコマンド Reindent in sublime を使用してフォーマットできます。また、HTML-CSS-JS Prettify プラグインをインストールしてコードをフォーマットすることもできます。
場合によっては、他の人のコードをフォーマットします コードをコピーしたところ、コードの配置が非常に乱雑でコードを読むことができませんでした。今日は、sublime のプラグインを使用してコードをフォーマットする方法を紹介します。 . 一定の参考効果がありますので、皆様のお役に立てれば幸いです。
【おすすめコース:HTMLコース】
##(1) Sublime の組み込みの再インデント コマンド
パスを開く: 編集-->行-->再インデント例:しかし、sublime に付属する再インデント機能は比較的単純で、インデントが正常であることを保証するだけです。標準以外のコードを記述する場合は処理できません。複雑な場合には、プラグイン
(2) HTML をインストールする必要があります。 -CSS-JS Prettify プラグイン
このプラグインは、Sublime Text 2 および Sublime Text 3 で使用できます。HTML、CSS、JavaScript、JSON ファイルの処理に使用できます ##。#最初にプラグインをインストールする必要があります:
ctrlShiftp パッケージ コントロールを開きます: 次に、インストール パッケージを選択し、HTML-CSS-JS Prettify プラグインに入り、Enter キーを押して再起動します。 sublime
HTML-CSS-JS Prettify プラグインを使用するには Node.js が実行されている必要があるため、プラグインのインストールは成功します。そのため、ダウンロード後、node.js ソフトウェアもインストールする必要があります。 「スタート -- ファイルとプログラムの検索 -- cmd」の手順に従います。
次に、Sublime で HTML ファイルを開き、右クリックして HTML の下にあるプラグイン オプション ファイルを選択します。 -CSS-JS Prettify を開いて、以下に示すように、ノード ソフトウェアがインストールされているパスにパスを変更します。
このプラグインのインストールが成功した後
整形前:
整形後:
HTML-CSS-JS Prettify プラグインファイル内の余分な空白行を削除したり、<script> ブロック内の JavaScript をインデントしたりすることはありません。非常に優れたプラグインです。</script>
(3 )HTMLBeautifyHTMLBeautify プラグインは、HTML がすでに個別の行タグで部分的にフォーマットされていることを前提とした基本的なスクリプトです。インライン コメントでは機能しません
(4) TidyHTML5HTML5 の書式設定のみに興味がある場合は、TidyHTML5 プラグインを選択できます。フォーマットの実行には外部ユーティリティを使用しますが、Windows ユーザー向けにバンドルされています。
要約: 上記がこの記事の全内容です。sublime の使用方法を学ぶ際に皆さんのお役に立てれば幸いです。
以上がHTMLコードのフォーマット方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。