WebStorm / PHPStorm / IntelliJ で *.tpl 形式の Smarty ファイルのインデントを 2 スペースにする方法

PHPStorm でインデントの調整効かない…！

HTML のインデントは tab = 2 の状態なのに PHPStorm だと インデントの設定が無い………。 ぐぬぬ、と思いつつ、インデントが tab = 4 の状態でずっと作ってたんですが、インデント変わるたびに手動でスペース打ってて、「IDE の恩恵を受けてない気がする」と思ったので、色々調べてやってみた備忘録です。

そもそもやろうとしてた設定 (関係なければ飛ばしてください)

1. PHP Storm -> Preferences -> File Types で *.tpl ファイルを smarty ファイルだと認識させる
   • Recognized File Types から smarty を選択
   • Registered Patterns の 「+」から *.tpl を追加、OK
   • 再起動
2. PHP Storm -> Preferences -> Editor -> Colors & Fonts -> Smarty あたりでファイルの設定見て、インデント設定してみようとする (無いんだけど)
3. インデントの設定が IDE 標準で存在しないことがわかる

発見

検索しまくってたらヒントが見つかった！

@samuraism IntelliJのPHPプラグインを利用しているのですがSmartyファイル(*.tpl)のみ別のインデント設定を適用することは可能でしょうか。一通り設定を見たのですがtplファイルをHTMLとして認識させるくらいしか方法が見つからなかったので

— Yuki Yano (@Tigberd) 2013, 12月 11

@masanobuimai @Tigberd EditorConfigで解決出来ると思います。http://t.co/pqUPAa6SEm

— Vexus2 (@Vexus2) 2013, 12月 11

やっほい。これだ！！！

https://github.com/editorconfig/editorconfig-jetbrains#readme 確かに、 PHP Storm もいけそうだね。

概要 (ここから本編)

というわけでやってみました。

1. PHP Storm に EditorConfig ってプラグインを入れる
2. ファイル設定
3. 再起動

これだけです。

やり方

1. PHP Storm -> Preferences -> Plugins を開く
2. EditorConfig を検索する
3. Click Browse to search する
4. インストールしたら、インデントの設定を反映させたいディレクトリのトップに .editorconfig ファイルを作成し、

> vi .editorconfig
root = true

[*.tpl]
indent_style = space
indent_size = 2

上記のような記載をして保存する

1. PHP Storm を再起動する
2. 完！

まとめ

あまりにも設定導入が簡単なのでびっくりしました。 多分同様に IntelliJ とか WebStorm あたりにも導入できそうなので参考になれば。