AtomエディタのEmmetで、PHPファイルでもHTMLスニペットを使う

Atom で Emmetプラグイン を使っているけど、デフォルトだとPHPファイル内でうまく動いてくれない。
例えば html:5 が <html:5></html:5> になってしまう。ので、設定メモ。

追記の方がおすすめ

設定ファイルの場所は以下。
（Atomの設定画面から「Open Config Folder」を開くのがラク）

[ユーザーディレクトリ]/.atom/packages/emmet/node_modules/emmet/lib/snippets.json

設定ついでに以下の部分も日本語にしておくと良いかも。

snippets.json

{
    "variables": {
        "lang": "ja",
        "locale": "ja-JP",
        "charset": "utf-8",
        "indentation": "\t",
        "newline": "\n"
    }

    /////ここからいろんな設定/////
}

本題のPHP対応は、設定ファイルの最後に以下を追記するだけ。

snippets.json

{
    /////ここまでいろんな設定/////

    ,"php": {
        "extends": "html"
    }
}

はじめのカンマは、前の行にカンマがない時用です。
以上メモでした。

追記

もっと簡単な方法があったので追記。
Emmetはどうやらユーザー拡張ができるようなので、その方法を。

拡張用のディレクトリを作成し、そこに各設定ファイルを入れる。
ディレクトリはデフォルトで ~/emmet になっている。（画像はAtomのEmmet設定画面）

ここに snippets.json という名前のファイルを作り、拡張したい項目のみ記述する。
今回拡張したいのはPHPでの動作と日本語圏対応なので、以下のみ。

~/emmet/snippets.json

{
    "variables": {
        "lang": "ja",
        "locale": "ja-JP"
    },
    "php": {
        "extends": "html"
    }
}

これで動作した。
最初の方法だとAtomのEmmetアップデートのたびにリセットされてしまうので、こっちの方が良い。