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ですし、デフォルトの差分を確認できます。

Visual Studio CodeでToDoコメントを一覧で表示する拡張機能「Todo Tree」
pointer-eventsプロパティでクリックイベントを無効化にする|気になるCSSプロパティ
CSSの読み込みで「its MIME type (‘text/html’) is not a supported stylesheet MIME type」エラーが表示されて読み込みができない場合の解決方法
CSSで::placeholderにスタイルを設定する方法
JetpackでのError during WebSocket handshakeの解決方法
横幅が広がったときの挙動が変わる!CSS Gridの「auto-fill」と「auto-fit」の違い
Vue Routerでページ遷移後にトーストを表示させる方法
Nuxt.jsの「layouts」を使用してレイアウトの共通化を行う方法|Nuxt.jsの基本
iOS Safariでinputタグにフォーカスを合わせると、自動で画面が拡大してしまう原因と解決方法
gulpのwatch機能を使って、監視ファイルに変更があった時にタスクを実行する
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
BetterTouchToolでウインドウをアクティブにしないで移動する方法
Gmailの確認不要なメールを整理してスッキリさせる
MacでYouTubeの動画再生速度を4倍速にする方法
ファビコンや各種アイコンの作成と設定方法
Path Finderでファイルのコピー・移動時に「._」から始まる不可視ファイルを一緒にコピーしないようにする
iTerm2全般の設定ができる環境設定の「General」タブ
QRコードの生成ができるサイトやChrome拡張機能
Search Consoleに表示される「ウェブに関する主な指標」のCLSの意味と、不良時の改善方法
SteerMouseの「自動移動」機能で保存ダイアログが表示されたら自動でデフォルトボタンへカーソルを移動させる