Sublime Text 2 で HTML 整形
2024-08-25
Sublime Text 2 で HTML コードを整形する方法
Sublime Text 2 は、HTML などのプログラミング言語を効率的に編集するためのテキストエディタです。HTML コードを整形する方法はいくつかありますが、ここではそのうちの2つを紹介します。
自動整形機能を利用する
Sublime Text 2 は、保存時に自動的にコードを整形する機能を持っています。この機能を有効にするには、以下の手順に従います。
- Preferences > Settings - User を開きます。
- ファイルに以下のコードを追加します。
{
"auto_indent": true,
"tab_size": 2,
"translate_tabs_to_spaces": true
}
この設定は、自動インデントを有効にし、タブサイズを2に設定し、タブをスペースに変換します。
ショートカットキーを使う
Sublime Text 2 では、ショートカットキーを使ってコードを整形することもできます。
- Ctrl+Alt+F (Windows/Linux) または Cmd+Alt+F (macOS): 全てのコードを整形します。
これらのショートカットキーを使って、簡単に HTML コードを整形することができます。
注意
Sublime Text 2 のバージョンや設定によっては、ショートカットキーが異なる場合があります。
- HTML-Tidy などの外部ツールを使って、HTML コードを検証し整形することができます。
- パッケージ管理 (Package Control) を使って、HTML コードを整形するためのプラグインをインストールすることもできます。
{
"auto_indent": true,
"tab_size": 2,
"translate_tabs_to_spaces": true
}
パッケージ管理 (Package Control) を利用する
Sublime Text 2 のパッケージ管理機能を使って、HTML コードを整形するためのプラグインをインストールすることができます。以下の手順に従います。
- Package Control をインストールします。
install packageと入力し、Enter キーを押します。- 検索バーに「HTML Tidy」や「HTML-CSS Prettifier」などのプラグイン名を入力してインストールします。
インストールしたプラグインは、メニューバーの Tools > HTML-Tidy などの項目からアクセスできます。
外部ツールを利用する
HTML-Tidy などの外部ツールを使って、HTML コードを検証し整形することもできます。これらのツールは、コマンドラインから実行することができます。
- HTML-Tidy をダウンロードしてインストールします。
- ターミナルまたはコマンドプロンプトを開きます。
- 以下のコマンドを実行して、HTML ファイルを整形します。
tidy -i -q -w 60 your_file.html
html sublimetext2 sublimetext
