atomのemmetとjavascript snippetsの優先順位の設定

Question

いまatomにパッケージ
emmet とjavascript-snippetsを入れているのですが、emmetをenableにしているとjavascript-snippetsが適用されません。

例えばscriptタグ内で

gi

としtabを押すと、理想では

document.getElementById('id');

とでるはずですが、emmetが効いているので

<gi></gi>

と表示されてしまいます。

なのでjavascript-snppetsを優先的に適用させ、それ以外はemmetを適用させたいのですがどのように設定すると良いのでしょうか。

どなたご存知の方がいらっしゃれば、教えて頂けるとうれしいです。
よろしくお願いします。

Answer 1

私の環境では以下の設定でできるようですが、環境が違うと同じようにいかない可能性があるのであらかじめご理解下さい。パッケージはAutocomplete-plusをdisableにした状態で確認しています。

まずメニューのPackages > Keybinding Resolver > Toggleからdocument.getElementById('id');を出したい場所（scriptタグの中）でTabキーを押した時にどの設定を使っているか調べます。Toggle画面のいちばん上に来ているのが現在使われているもので、Emmetの設定が表示されているはずですが、いくつか下に下がったところにsnippets:expandというのがあって、これが使いたい設定部分です。これを個人設定の~/.atom/keymap.csonにコピーしてやることで設定を優先させます。

具体的には、Settings > Keybindingsで検索窓にtabを入力して問題の部分を探し、見つけたらその設定を左側にあるコピーアイコンをクリックしてコピーします。

そしてこれを~/.atom/keymap.csonにペーストしてやります。

・・・
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it in the
# Atom Flight Manual:
# http://flight-manual.atom.io/using-atom/sections/basic-customization/#_cson

'atom-text-editor:not([mini])':
  'tab': 'snippets:expand'

これでscriptタグ内でtabキーからdocument.getElementById('id');が展開されれば成功ですが、どうでしょうか。

うまくいかない場合はKeybinding Resolverからご自分の環境に合わせて優先されているキーバインディングを調べて、同じ要領で試してみて下さい。

Comments

[退会済みユーザー]

ありがとうございます。
見事に解決できました。
助かりました。
ありがとうございました。