2018年08月01日
Docker for Mac を使って WordPress の...
2018年07月29日
Docker for Mac のインストール
2018年07月08日
Docker 便利コマンドあれこれ
2018年07月08日
オライリーの Docker 本(Docker Up &...
2018年07月05日
iPad mini 2 を購入しました
2018年07月04日
Docker で Jenkins するときのあれこれ

HOME > カテゴリ(Mac)の記事

Atom.io のカーソル移動のキーバインドを vim っぽく変更してみた



最近、Atom というテキストエディタを使い始めました。なんかめっちゃ今風でいい感じ

Mac を US キーボードで使っている人は、CapsLock キーを Ctrl キーに入れ替えている人も多いと思いますが、私の場合は Command キーに入れ替えて使ってます。

Mac OS X では、ネイティブなショートカットがあって、テキストエディタなんかで文字入力とかする場合に、カーソルを

Ctrlnで下。
Ctrlpで上。
Ctrlbで左。
Ctrlfで右。

に移動できる。

多くの Mac アプリではこのショートカットをサポートしていて、Atom もこのネイティブショートカットが使えますが、私の CapsLockCommand

ってことで、Atom のキーバインドを変更して Command + なんちゃらで、カーソル移動できるようにしてみた。

なんちゃらの部分は、vim と同様に、

jで下、kで上、hで左で、lで右へ。

で移動できるようにした。

実際には、Command + なんちゃらだと、他のショートカットとバッティングしちゃうから、Command + Shift + なんちゃら、にしてみた。


Atom キーバインディングの設定方法

Atom を起動したら Command.で設定画面を開きます。

設定画面を開いたら「Keybindings」→「your keymap file」をクリック。

01

keymap file が開いたら、

'body':
  'shift-cmd-j': 'core:move-down'
  'shift-cmd-k': 'core:move-up'
  'shift-cmd-h': 'core:move-left'
  'shift-cmd-l': 'core:move-right'

を追加。右へ移動(shift-cmd-f)のみは他のショートカットとバッティングするので、もともとのショートカットを無効化します。

'atom-workspace atom-text-editor:not([mini])':
  'shift-cmd-l': 'unset!'

これで保存すれば無事に Command + Shift + なんちゃらでカーソル移動が出来るようになります。無効化の設定を先に書いてから、移動用の設定を書いてください。

最終的な keymap file はこんな感じ。

# Your keymap
#
# Atom keymaps work similarly to style sheets. Just as style sheets use
# selectors to apply styles to elements, Atom keymaps use selectors to associate
# keystrokes with events in specific contexts.
#
# You can create a new keybinding in this file by typing "key" and then hitting
# tab.
#
# Here's an example taken from Atom's built-in keymap:
#
# 'atom-text-editor':
#   'enter': 'editor:newline'
#
# 'atom-workspace':
#   'ctrl-shift-p': 'core:move-up'
#   'ctrl-p': 'core:move-down'
#
# You can find more information about keymaps in these guides:
# * https://atom.io/docs/latest/using-atom-basic-customization#customizing-key-bindings
# * https://atom.io/docs/latest/behind-atom-keymaps-in-depth
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it here:
# https://github.com/bevry/cson#what-is-cson

'atom-workspace atom-text-editor:not([mini])':
  'shift-cmd-l': 'unset!'

'body':
  'shift-cmd-j': 'core:move-down'
  'shift-cmd-k': 'core:move-up'
  'shift-cmd-h': 'core:move-left'
  'shift-cmd-l': 'core:move-right'


まとめ

まだ、Atom を使い始めて 3日くらいしか経っていませんが、なかなか良い感じです。まだ試していない人はお試しあれ。

Atom は Atom 公式ページ から無料でダウンロードできます。

でわでわ。






この記事にコメントする





Copyright © 2012 - 2013 MacBook Air とWordPressでこうなった All rights reserved
Designed by Theme Junkie. Powered by WordPress.