【VSCode】 ヘッダーの「コマンドパレット」を消して旧表示に戻す方法

こんにちは、さち です。

普段、ウェブサイトを作るときは「Visual Studio Code（以下：VSCode）」を使っています。動作が軽く色々な機能も追加できるのに、無料で利用できる最強のコードエディターアプリです。

最近、VSCode のヘッダー部分に「検索」のような枠が出るようになりました。

これをクリックすると「コマンドパレット（正確にはコマンドセンター）」が表示されるんですが、メニューが圧迫されて隠れてしまうので正直使い勝手は悪いです……。

そこで今回は、ヘッダーにある「コマンドセンター（コマンドパレット）」を消す方法を紹介します。

メニューが圧迫されて隠れてしまう

1. ヘッダーに謎の枠が増えています。
   
2. クリックすると「コマンドセンター」を利用できますが……
   
3. 「メニュー」が追いやられて一部隠れてしまいます。私は「メニュー」の方がよく使うので、使い勝手が悪いです……。
   

ヘッダーからコマンドセンターを消す

方法を2種類紹介するので、好きな方をお使い下さい。

【方法1】 ヘッダーから操作

1. ヘッダーの何もないところで「右クリック」します。
   
2. 「コマンドセンター」をクリック。
   
3. ヘッダーから「コマンドセンター」が消えました。
   

【方法2】 「settings.json」から操作

前項の【方法1】と同じ効果の操作を、VSCode の設定ファイル「settings.json」からもできます。

「settings.json」から行う場合は次のように追加で記述して下さい。

"window.commandCenter": false,

前項の【方法1】と連動しているので、【方法1】を行った場合はこの記述が自動で追加されています。