📝

VS Code をシンプル見た目に切り替えるショートカットを作成する

2023/02/28に公開4件

VS Code

tech

やりたいこと

VS Code をシンプルな表示にしたい。

シンプルな表示をショートカットで素早く切り替えたい。

既存の機能で「禅モード」があるがステータスバーが非表示になってしまうことやタブ操作ができないことが不満。

→ ほどよくシンプルにすることを検討。

通常表示

禅モード

実現方法

一つショートカットで

メニューバー
アクティビティバー
プライマリバー

の表示非表示を切り替える

multi-command を入れる

VS Code の拡張機能で、複数のコマンドを一つのコマンドとして定義できる拡張機能

multi-command の設定 : keybindings.json を開く

cmd+shift+pで Open Keyboard Shortcuts(JSON)を開く。

multi-command の設定 : キーバインディングを設定

// 既定値を上書きするには、このファイル内にキー バインドを挿入します
[
    {
    "key": "ctrl+d",
    "command": "extension.multiCommand.execute",
    "args": { 
        "sequence": [
            "workbench.action.toggleSidebarVisibility",
            "workbench.action.toggleMenuBar",
            "workbench.action.toggleActivityBarVisibility",
        ],
    "when": "activeEditorIsPinned"
    }
    }   
]