0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VS Codeのショートカットをいい感じにいじった

Last updated at Posted at 2020-11-27

概要

VS Codeでのコーディングのストレスを減らすために少し設定をいじった話を書きます。
筆者は某l社の外付けキーボードを使っているのですが、十字キーがかなり小さく、度々打ち間違えてはストレスをためています。
今回はそのストレスを減らすため、十字キーを使わなくてもカーソル移動ができるよう(十字キーを使ってもできるよう)ショートカットの設定をいじりました。

実現したいこと

  • 既定の設定通り十字キーを使ってカーソル移動ができる
  • vimっぽく、下記のような組み合わせでカーソル移動ができる(ctrl+kは他のショートカットに使うので要検討…)
キー コマンド
Ctrl + h カーソルを←に移動
Ctrl + j カーソルを↓に移動
Ctrl + k カーソルを↑に移動
Ctrl + l カーソルを→に移動

キーボードショートカットから設定しようと試みる

まずはサイドバー下部の管理から、キーボードのショートカットをクリックし、キーボードショートカットを開きます

キーボードショートカット一覧

既定では、←の矢印キーにcursorLeftが割り当てられてます

割り当てを変更できる

編集してcursorLeftにctrl+kを割り当てることもできますが、そうすると←の矢印キーでカーソル移動ができなくなってしまいます。
今回はショートカットの変更ではなく、追加がしたいためこの画面からは難しそう….

keybinding.jsonから設定を変更する

VS Codeのショートカット設定ファイルである、keybinding.jsonを編集することでショートカットの追加を行うことが出来ました。

Ctrl + Shift + P(macは command + shift + P)でコマンドパレットを開き、keyboard shortcutsと入力し、キーボードショートカットを開きます。(既定のキーボードショートカットではありません!

コマンドパレットから「基本設定: キーボードショートカットを開く (JSON)」を選択

下記のようにそれぞれのkeyに対し、commandwhenを入力して、保存をすることでショートカットの追加をすることができます。

カスタマイズをしたkeybinding.json

ツールを自分用にカスタマイズするの良いですね。

参考

【VSCode】ショートカットを設定・変更・確認する方法|コマンドパレットのコマンドなど

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?