Visual Studio Codeでのターミナル操作
WindowsのVisual Studio Codeでターミナルを快適に操作させるためのいくつかの設定を紹介します.
まず、「Ctrl+@」でターミナル画面の表示を切り替えることができます.通常だとターミナルはパネルに含まれており、画面下部に表示されます. ターミナル上で再度「Ctrl+@」を押せば、その前のビューに戻ります.
ターミナルの新規作成
「Ctrl+Shift+@」でターミナルを新規に作成できます.
私の場合、ターミナルはエディター内でも作業したいことがあります.これは、パネルにあるターミナル画面とは別のものです.サーバー起動などの用途に少なくとも2つのターミナルが欲しいので、使い分けたいのです.新 規に作成されるターミナルの場所は設定で変更できます.設定画面で「Terminal > integrated: Default Location」を「Editor」に設定します.設定ファイルを直接編集する場合、"terminal.integrated.defaultLocation": "editor"
とします.
また、コマンドパレットから「Terminal: Create New Terminal in Editor Area」としてもエディター内に新規ターミナルを作れます.他にも「Terminal: Create New Terminal in Editor Area to the Side」であれば、隣のグループに新規ターミナルを作れます.
ターミナルとエディタを切り替える
エディター内に作成したターミナルと現在開いているエディターを切り替える方法がいくつかあります.
まずは「Ctrl+Tab」を使った方法です.このショートカットは「View: Quick Open Previous Recently Used Editor in Group」が割り当てられており、前回使っていたエディター画面を開きます.現在編集中のファイルと、ターミナルを切り替えていれば、この機能で手軽に切り替えられます.
別の方法として、「Terminal: Focus Terminal」を使うやり方があります.これはどのエディター画面からも一発でターミナル画面に移動できるコマンドで、標準だとショートカットが割り当てられていないので、手動で割り当てる必要があります.これでターミナル画面に移動できるのですが、前のエディターに戻ることができません. そこで、ターミナル画面をタブの一番最初に置くことを前提とすれば「View: Open Next Editor in Group」を使って、相互に切り替えられます.
たとえば、F1
キーでターミナルと切り替えたい場合、「Terminal: Focus Terminal」をF1
キーに設定し、WhenをeditorTextFocus
に設定します.そして、「View: Open Next Editor in Group」もF1
キーに設定し、WhenをterminalFocus
とします.これで、F1
キーで相互に移動できます.
ピン機能を使うと、一番左側に固定できます.タブを右クリックして「Pin」を選んだり、ショートカットキーを押すことでもできます.
ターミナルがタブの一番最初にするといいましたが、具体的にはターミナルがタブの左に、編集中のエディタータブがその右隣にあれば問題ありません. 以下は直接キー設定ファイルを編集する場合です:
{
"key": "f1",
"command": "workbench.action.terminal.focus",
"when": "editorTextFocus"
},
{
"key": "f1",
"command": "workbench.action.nextEditorInGroup",
"when": "terminalFocus"
},
エディター内でターミナル操作とパネルでのターミナル(Ctrl+@
)を使った方法は別々なので、2つのターミナルを使い分けることができます.
この方法だと、ターミナルをフォーカスするときに、パネル内のターミナルが優先されることがあります. エディター内のターミナルに確実に切り替えたい場合、ターミナルをタブの一番左において、「Terminal: Focus Terminal」ではなく、「View: Open First Editor in Group」を使います.
他には、エディターのセカンドグループにターミナルを置く方法もあります.
一種の仮想画面のような機能で、この方法はターミナルに限った方法ではありません.
エディターのグループは最大化できますので、これを使ってファーストグループとセカンドグループを互いに最大化で切り替えるやり方です.
ちょっとトリッキーですが、これをするためにはショートカットキーの設定ファイルを直接編集する必要があります.
runCommands
を使うことで、複数のアクションを同時に行えます.たとえば、F2
キーでこれを実行すると次のようになります.
{
"key": "f2",
"command": "runCommands",
"args": {
"commands": [
"workbench.action.toggleMaximizeEditorGroup",
"workbench.action.focusSecondEditorGroup",
"workbench.action.toggleMaximizeEditorGroup"
]
},
"when": "activeEditorGroupIndex==1 && (editorFocus || terminalFocus)"
},
{
"key": "f2",
"command": "runCommands",
"args": {
"commands": [
"workbench.action.toggleMaximizeEditorGroup",
"workbench.action.focusFirstEditorGroup",
"workbench.action.toggleMaximizeEditorGroup"
]
},
"when": "activeEditorGroupIndex==2 && (editorFocus || terminalFocus)"
},
やっていることは単純で次のことをやっています
- 現在のエディタグループの最大化を解除
- 別のエディタグループに切り替え
- 切り替えたエディタグループを最大化
グループの状態が把握しづらいので、最大化を解除したり、両方のグループ を表示できるようにすれば管理しやすいかもです.
たとえば、Ctrl+F2
に workbench.action.evenEditorWidths
を設定したりとか.これはエディターグループを2画面表示します.
Shortcut Menu Bar
最後に拡張機能「Shortcut Menu Bar」を紹介します. これはVisual Studio Codeのメニューバー(エディターの右上)にボタンを追加する拡張機能です. この拡張機能でユーザーが自由に設定できるカスタムボタンを手軽に作成できます.これらのボタンにターミナルの新規作成や切り替えなどを割り当てると、マウス操作でも手軽に制御できます.詳しくは拡張機能のドキュメントを参照してください.
以上です.