WebDesigner's Memorandumウェブデザイナーの備忘録

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

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

Visual Studio Codeには大量のショートカットキーが用意されています。
そもそも機能数も多いですし、拡張機能でも増えていくので、全部把握することは不可能と言っていいでしょう。

普段使わない機能はどんどんショートカットキーをオフにして、万が一使う場合はコマンドパレットを使って、よく使う機能を押しやすいキーに設定していくことで使いやすいエディタにしていけます。

今回はVisual Studio Codeのショートカットキーの変更方法についてまとめておきます。

ショートカットキーの変更方法

Visual Studio Codeでショートカットキーを変更するには、左下の歯車アイコンをクリックして[キーボードショートカット]を選択するか、command + Kを押したあとにcommand + Sを押します。

[キーボードショートカット]

これで「キーボードショートカット」画面が表示されます。

「キーボードショートカット」

項目設定する内容
コマンドショートカットキーで実行する内容
キーバインドショートカットキー
いつコマンドが利用できる条件
ソース「既定(デフォルト)」か「拡張機能」の設定かの確認場所

変更したい項目をダブルクリックしすると、ショートカットキーの入力画面が表示されます。

ショートカットキーの変更画面

ここでショートカットキーを入力してenterで設定完了です。
単にショートカットキーを削除したい場合はdeleteで削除できます。

ちなみに、すでに利用されているショートカットキーの場合は画面下にメッセージが表示されます。

キャンセルしたい場合は入力ボックス外をクリックするか、escでキャンセルして入力画面を閉じられます。

ショートカットキーの探し方

コマンド名から探す

Visual Studio Codeのショートカットキーは大量にあって、すべてが一覧に表示されてしまいます。

画面上に検索ボックスがあるので、そこから検索して探しましょう。

ショートカットキーから探す

実際にショートカットキーから探したい場合は、検索ボックスの右にある「キーボード」アイコンをクリックします。

ショートカットキーから検索

クリックしたあとにショートカットキーを実際に入力すると、入力したショートカットキーに割り当てられているコマンドを探せます。

コマンド名が分かっていなくても探せますし、「このショートカットキーには本当になにも割り当てられていないのか?」探すためにも便利です。

JSONファイルで管理する方法

Visual Studio Codeの設定ファイルと同様に、ショートカットキーもJSONファイルを表示して、直接変更したり共有できます。

shift + command + Pでコマンドパレットを表示して、「keyboard json」と入力します。

「keyboard json」

「基本設定: 規定のキーボードショートカットを開く(JSON)」を選択すると、デフォルトの設定ファイルが開きます。

「基本設定: キーボードショートカットを開く(JSON)を開く」を選択すると「keybinding.json」が開きます。

変更した内容はすべて「keybinding.json」に保存されていきますので、こちらを見ておけばOKですし、デフォルトの差分を確認できます。

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね