AtomでEmmetを使用するならショートカットキーをTab+Shiftに

AtomでEmmetを使用するならショートカットキーをTab+Shiftに

ショートカットキーをTab+Shiftに

Emmetは便利なのでAtomを使用してHTMLやCSSのコーディングをする人ならインストールしている人は多いだろう。

しかし、Emmetをインストールしてそのまま使用すると例えばimgタグで<img のあとにsを入力したときにsrcなどのコードヒントが表示されるがこのときにTabキーを押すと<s></s>が表示されてしまう。
imgタグで<img のあとにsを入力

<img のあとにsを入力したときにsrcなどのコードヒントが表示されるがこのときにTabキーを押すと<s></s>が表示されてしまう

これはEmmetのexpand-abbreviation-with-tabのデフォルトのショートカットキーがTabキーになっているためだ。

ショートカットキーの変更方法

設定画面のKeybindingsを選択してemmet:expand-abbreviation-with-tabと入力する。

するとEmmetのTabのショートカットキーが表示されるのでコピーアイコンをクリックしてコピーする。
AtomでEmmetを使用するならショートカットキーをTab+Shiftに

コピーしたら キーマップファイル(keymap.cson)に貼り付けてtabをtab-shiftに変更する。
コピーしたら キーマップファイル(keymap.cson)に貼り付けてtabをtab-shiftに変更する

以上の手順でショートカットキーがTabからTab + Shiftに変更され、コードヒントをTabで選択できるようになる。
ショートカットキーがTabからTab + Shiftに変更され、コードヒントをTabで選択できるようになる

カテゴリーatom