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

npm-scriptsでSCSSをコンパイルする環境を構築する方法
CSSのカスタムプロパティ(変数機能)の使い方
npm install時に「cb() never called!」とエラーが表示されたときの解決法
Apacheのテストページを非表示にする方法
ウェブ上でLaTeXで数式をキレイにプレビューするJavaScriptライブラリ「MathJax」
Vue CLIをインストールしたのに「command not found: vue」と表示されてしまう場合の対処法
Google Maps APIでマップの見た目をカスタマイズする方法
アイコンフォントをPCにインストールしている場合は、コーディング後の確認に注意
Vue CLI 3でfaviconの設定をする方法
HTMLタグの入力をラクにするスニペット集
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Karabiner-Elementsを使ってキーボードを快適に使えるように設定する
SNS・ウェブサービスへの保存系Chrome拡張機能
Stationのサイドバーで、Slackのチームアイコンをメインに表示させる
Figmaで画像加工の幅を広げるプラグイン「Filter / effects」
AlfredのWorkflowをカテゴリーごとに整理する
ユニバーサルクリップボードで複数のAppleデバイス間でクリップボードを共有する方法
Keyboard Maestroでブックマークレットにショートカットキーを割り当てる方法
macOSのシステム環境設定「通知」の設定見直し
変換候補に出ないようにしておいた方が便利な単語や、カタカナにした方が読みやすい単語一覧
Figmaで図形の分割をして簡単にレイアウトを作成する拡張機能「Split shape」