Help us understand the problem. What is going on with this article?

VSCodeでエディタ画面とターミナル間のフォーカスを楽して移動したい

More than 1 year has passed since last update.

マウスクリックで移動していたのですが、あまりにも非効率だったので何かないかと調べてみました。デフォルトではこれに相当するキーバインドが定義されていないため、自前で定義する必要があります。

Ctrl + ` で、エディタとターミナルのフォーカスを往復するようなキーバインドを定義したら捗るようになったので、シェアしようと思います。

やり方

Commend + Shift + p でQuick openを開き、 Preferences: Open Keyboard Shortcuts (JSON) を選んでください。

Jsonの中身は以下のGistをコピペ。

https://gist.github.com/hassaku63/9ddde639088716e63efb8e319fbee4d1

以上。

when で、割り当てたキーバインドが押下された場合の発火(?)条件を制御しています。異なるフォーカスの移動に同じキーバインドを割り当てていますが、whenの指定によって重複を回避しています。ここでは

  • ターミナルにいる場合はエディタに移動
  • エディタにいる場合はターミナルに移動

としています。whenで定義できる内容については、公式の以下のセクションを参照ください。

https://code.visualstudio.com/docs/getstarted/keybindings#_when-clause-contexts

JSONじゃなくてGUIで設定することもできますので、その場合はQuick Openで (JSON) が入ってない方を選んでいただければOKです。

参考

https://stackoverflow.com/questions/42796887/switch-focus-between-editor-and-integrated-terminal-in-visual-studio-code

hassaku_63
AWSのパートナー企業のSIer中の人です。所謂社内SE のロールです 自社の運用サービス(MSP) で内製してる基盤システムの保守開発やってます。あと、他部署の業務改善。要件ヒアリングしたり、運用中の SaaS を業務要件に合うように運用方法考えたり、必要なら内製開発したりそれの保守したり。 Note: https://note.mu/8saku
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away