3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Visual Studio CodeのPreview状態のタブを通常状態にする地味に便利なKeyBind

Posted at

自身のBlogに投稿したのと同じ記事ですが、検索するのが難しい事象であるため、人目に付くであろうこちらにも寄稿します。

困りごと

Ctrl + PのQuickOpenでファイルを開いたりF12でコードジャンプすると、タブがPreview状態(タブ名がイタリック表記)で開かれます。

タブの状態.png
※左:通常状態 右:Preview状態のタブ

これはworkbench.editor.enablePreviewFromQuickOpenが有効なためです。

PreviewFromQuickOpen設定画面.png

この状態で別ファイルを開くと、同じタブでファイルが開かれてしまいます。
せっかくファイルを開いたのに。本当は別タブで開いて欲しいのに…。

F12でコードジャンプした先のタブを開いたままにしておきたい!
Ctrl + Pでファイルを開く際に、Preview表示と普通に開くのを使い分けたい!

という方への記事です。

右矢印で開く

Ctrl + Pで開きたいファイルをハイライト状態にしたあと、キーボードの右矢印キーを押下します。

すると通常状態でファイルが開けます。ファイルを開いてもQucikOpen Windowは表示されたままなので、沢山ファイルを開きたいときに便利です。

QuickOpenDemo.gif

ちなみにAlt + Enterで画面をSplitしてファイルを開くことも可能です。

Preview状態のタブをキーボードショートカットを使って通常状態にする

F12などでコードジャンプをした際に開かれるPreview状態のタブを通常状態に切り替えるにはどうしたらよいでしょうか。

調べた結果ビュー:エディターを保持でPreview状態のタブを通常状態に変更できるらしいです。

デフォルトではCtrl + K, Enterに割り当てされています。
※私の環境では。

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

よく使う機能なのにデフォルトのCtrl + K, Enterでは使いにくい!Bindを変更します。

テキストエディタがアクティブ かつ タブがPreview状態のときにEscapeキーというBindに変更します。

    {
        "key": "escape",
        "command": "workbench.action.keepEditor",
        "when": "editorTextFocus && editorPinned == false"
    }

参考

VSCode keyboard shortcut for optionally triggering keepEditor when using quickOpen?

vscode: Open file instead of previewing file from quick open

Visual Studio Code - #Context

おわり

結構長い間どうにかしたいと思っていたので、ビュー:エディターを保持の存在を知ったときは@okazukiさんが以前書いていたcode -r .に匹敵する衝撃を受けました

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?