読者です 読者をやめる 読者になる 読者になる

Buno Journals

It's what I do that defines me.

AtomにEmmetを入れて効かなくなったキーバインディングを解決する

Emmet for Atom

Emmet — the essential toolkit for web-developers

Emmetというツールがある。

htmlやcssを独自の省略記法で入力(してから展開)できるのでコーディングが早くなる。

このEmmetをAtomで利用するパッケージがあるが、

atom.io

これをインストールすると、既存のキーバインディングが一部上書きされて効かなくなってしまう。

Atomのキーバインディング修正

まず、気付いたのは

  • Ctrl + e : 行末へ移動
  • Ctrl + d : カーソル次の文字削除

が効かなくなっていることだ。

Atomキーバインディングの修正は、

Settings(Cmd + ,) > Keybindings > your keymap file > keymap.cson

このkeymap.csonファイルを修正することで行う。(ファイルの場所は~/.atom/keymap.cson

You can override these keybindings by copying and pasting them into your keymap file

github.com

で、報告されている通り

#workaround for emmet mapping of expand-abbreviation
'.editor:not(.mini)':
  'ctrl-e': 'unset!'                           # remove all bindings
  'ctrl-e': 'editor:move-to-end-of-line'       # remap core binding
  'alt-cmd-e' : 'emmet:expand-abbreviation'    # alternate binding for emmet

と記載すればCtrl - eで行末に移動できるようになる。

Ctrl - dの方は

'.platform-darwin atom-text-editor:not([mini])':
  'ctrl-d': 'unset!'

で次の文字削除ができるようになった。(私はOS X環境である)

参考

HTML/CSSを爆速コーディング Emmet入門 第1回 Emmetを薦める理由 | Adobe Creative Station

HTML や CSS を書くのがめっちゃ捗る Emmet を Atom でも使う | Lonely Mobiler

Keybinding ctrl-e (emmet:expand-abbreviation) interferes with core keybinding · Issue #119 · emmetio/emmet-atom · GitHub