【解決！】EmmetとSnippet（スニペット）を共存させる方法 (SublimeText) : 元うなぎ屋

2013年11月3日日曜日

【解決！】EmmetとSnippet（スニペット）を共存させる方法 (SublimeText)

ども。 @snicker_jp です！

きっかけ

SublimeTextのSnippet（スニペット）について書いたところ、さらなる情報を頂いたのとハマった(^^ゞので、記事にします！

@snicker_jp emmetプラグインも捗りますお(^^)
— okisanjp (@oki_san) November 3, 2013

Emmetとは？

Emmetは、エディタ、IDE（統合開発環境）で使えるHTML/CSSのコーディングをパワフルにサポートするプラグインです。

Zen-Codingの次期バージョン、Emmet について｜Web Design KOJIKA17

より
まー、HTMLのコーディングがチョ～便利になるプラグインです！

導入

PackageControlで「Emmet」と入れてインストールするだけです！

設定

[Sublime Text 2] → [Preferences] → [Settings User]を選択

Tabキーの競合回避などのために以下の設定を入れます！

{
    // tabでの展開の上書きしない for Emmet
    "disable_tab_abbreviations": true,
    // 改行でのフォーマットをしない(日本語変換の確定のため) for Emmet
    "disable_formatted_linebreak": true,
    "ignored_packages":
    [
        "Vintage"
    ]
}

こんな感じで、他の設定があるときはカンマを忘れないように書きます。（インデントはタブ！ってことも。）