Visual Studio Codeでショートカットキーを変更する方法

Visual Studio Codeには大量のショートカットキーが用意されています。
そもそも機能数も多いですし、拡張機能でも増えていくので、全部把握することは不可能と言っていいでしょう。
普段使わない機能はどんどんショートカットキーをオフにして、万が一使う場合はコマンドパレットを使って、よく使う機能を押しやすいキーに設定していくことで使いやすいエディタにしていけます。
今回はVisual Studio Codeのショートカットキーの変更方法についてまとめておきます。
ショートカットキーの変更方法
Visual Studio Codeでショートカットキーを変更するには、左下の歯車アイコンをクリックして[キーボードショートカット]を選択するか、command + Kを押したあとにcommand + Sを押します。
![[キーボードショートカット]](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_1-2.png)
これで「キーボードショートカット」画面が表示されます。

| 項目 | 設定する内容 |
|---|---|
| コマンド | ショートカットキーで実行する内容 |
| キーバインド | ショートカットキー |
| いつ | コマンドが利用できる条件 |
| ソース | 「既定(デフォルト)」か「拡張機能」の設定かの確認場所 |
変更したい項目をダブルクリックしすると、ショートカットキーの入力画面が表示されます。

ここでショートカットキーを入力してenterで設定完了です。
単にショートカットキーを削除したい場合はdeleteで削除できます。
ちなみに、すでに利用されているショートカットキーの場合は画面下にメッセージが表示されます。
キャンセルしたい場合は入力ボックス外をクリックするか、escでキャンセルして入力画面を閉じられます。
ショートカットキーの探し方
コマンド名から探す
Visual Studio Codeのショートカットキーは大量にあって、すべてが一覧に表示されてしまいます。
画面上に検索ボックスがあるので、そこから検索して探しましょう。
ショートカットキーから探す
実際にショートカットキーから探したい場合は、検索ボックスの右にある「キーボード」アイコンをクリックします。

クリックしたあとにショートカットキーを実際に入力すると、入力したショートカットキーに割り当てられているコマンドを探せます。
コマンド名が分かっていなくても探せますし、「このショートカットキーには本当になにも割り当てられていないのか?」探すためにも便利です。
JSONファイルで管理する方法
Visual Studio Codeの設定ファイルと同様に、ショートカットキーもJSONファイルを表示して、直接変更したり共有できます。
shift + command + Pでコマンドパレットを表示して、「keyboard json」と入力します。

「基本設定: 規定のキーボードショートカットを開く(JSON)」を選択すると、デフォルトの設定ファイルが開きます。
「基本設定: キーボードショートカットを開く(JSON)を開く」を選択すると「keybinding.json」が開きます。
変更した内容はすべて「keybinding.json」に保存されていきますので、こちらを見ておけばOKですし、デフォルトの差分を確認できます。

ソースコードをハイライトする軽量ライブラリ「Highlight.js」の導入方法と使い方
Visual Studio CodeでCSVの編集を見やすく行う拡張機能「Edit csv」
Vue CLIで共通のSCSSファイルを読み込む方法
Vue Routerでページ遷移後にトーストを表示させる方法
SourceTreeの外部Diff / MergeツールをKaleidoscopeに設定する
CSS疑似要素の「:empty」でタグの中身が空のときのスタイルを設定する
WordPressで既に公開済みの記事の更新を、指定した日付に反映する方法「PublishPress Revisions」
WordPressのwp_is_mobile()で条件分岐をするときは、キャッシュの設定に注意
サイトのPocketに保存された回数や、あとで読まれた回数まで解析できるPocketのパブリッシャーツールの登録方法
Android実機で表示しているサイトを、Chrome開発者ツールで開いて検証する方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
macOS用パッケージ管理システムのHomebrewの概要とインストール方法
Apacheのテストページを非表示にする方法
BetterTouchToolの設定ファイルをエクスポート・インポートする方法
FigmaのSearch Menuを使用して必要なメニュー・コマンドをすばやく実行する
Macでデュアルディスプレイ時に、通知を表示するディスプレイを指定する方法
Figmaで様々なグラフ・チャートが作れて、詳細な見た目の設定もできるプラグイン「Chart」
Alfredからメニューバーの項目を検索・実行するWorkflow「Menu Bar Search」
ブログに見出しを設置できるjQueryプラグイン「TOC | jQuery Table of Contents」
ショートカットキーの一覧をSketchを使って作成する方法とそのメリット