VSCodeのワークフロー 2025年6月版

目次

この​記事はVim駅伝2025年6月6日(金)の​記事です。
前回の​記事は​ tositada さんの​「vimの​helpを​書きたい」と​いう​記事でした。
次回の​記事は​ 6月9日(月) に​投稿される​予定です。

はじめに

仕事では​Neovim…ではなく​VSCodeを​使っている​輪ごむです。​VSCode Neovimを​試したこともありましたが、​結局の​ところNeovimではないので​微妙に​操作感が​悪く、​普通の​VSCodeを​使っています。
​使っていく​うちに​手に​なじん​できたので、​よく​使う​ショートカットキーを​紹介します。​この​記事が、​だれかの​VSCodeライフを​少しでも​快適に​する​助けと​なれば​幸いです。

尚、​基本的な​ショートカットキーの​説明は​割愛します。

この​記事中の​ショートカットキーは​Vim風の​表記​（例：Ctrl + k を​ <C-k>、Shift + Enter を​ <S-CR>、Ctrl + Alt + b を​ <C-M-b>）で​統一しています。<C-は​Ctrl、<S-は​Shift、<M-は​Alt、​EnterはCRと​なります。​Macユーザーは​それぞれ読み替えてください。

変更している​設定

デフォルトから​ショートカットキーを​２つと、​レイアウトを​変更しています。

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

View: Toggle Zen Mode

Zen Modeを​切り​替える​ショートカットキーで、​デフォルトは<C-k>zです。

デフォルトでは​打ちに​くかったの、<C-k><C-z>に​変更しています。

View: Toggle Panel Visibility

下側の​ターミナル等が​ある​パネルの​表示を​切り​替える​ショートカットキーで、​デフォルトは<C-j>です。

デフォルトでも​打ちやすかったのですが、​フロントエンドの​開発を​している​関係上ブラウザの​devtoolsを​開く​ことも​多く、​頭が​混乱してしまう​ため、​ブラウザに​合わせて<C-S-i>に​変更しています。

レイアウトの​変更

セカンダリーサイドパネルに​OPEN EDITORSを​持ってきています。
理由と​しては、​開いている​ファイルを​常に​確認できるように​して、​必要に​応じて​マウスで​ファイル選択できるように​する​ためです。​プライマリーサイドパネルには​基本的に<C-g>で​起動する​SOURCE CONTROLLを​開いています。

ショートカットキー

順番は​適当です

View: Toggle Zen Mode

変更後の<C-k><C-z>で​即座に​Zen Modeに​移行して、​コーディングだけに​集中できるように​しています。

File: Show All Editors By Appearance

<C-k><C-p>で​開いている​ファイルを​ffできます。​Telescope等の​buffer pickerに​該当する​ものです。​（訳：現在開いている​すべての​エディタ​（タブ）を​一覧​表示し、​インクリメンタルサーチで​切り​替える​機能）

View: Close All Editors

<C-k><C-w>で​開いている​ファイル​（ピン留めした​ファイルを​除く）を​全て​閉じる​ことができます。
vimでは:%bdに​該当する​ものです。​vimで​毎日のように​する​操作なので、​VSCodeでも​同様の​操作が​できて​嬉しい。

Focus and Select Breadcrumbs, Go To Symbol in Accessible View

<C-S-.>では​パンくずリストが​開いて、​矢印キーで​シンボルを​移動できます。<C-S-o>を​使うと​シンボルを​ffで​移動できます。​自分の​用途は​ファイル内の​関数の​移動です。​この機能は​自分の​Neovimには​ない​機能なので、​還元していきたいです。

はじめは<C-S-.>しか​知りませんでしたが、<C-S-o>を​知ってからは<C-S-.>を​使わなくなりました。
Visual Basic Editor?(エクセル等の​開発タブから​開ける​やつ)では、<M-Down>や<M-Up>で​シンボルを​移動できるので、​同様の​ことができるのかな？と​思い​調べてみた​ところ、​VSCodeでも​できる​ことが​分かりヘビーユースしています。

View: Pin Editor, View: Unpin Editor

<C-k><S-CR>で​開いている​ファイルの​ピン留めを​トグルする​ことができます。​前述の<C-k><C-w>と​併用して​使う​ことが​多いです。

普段の​ワークフロー

  1. 起点と​なる​ファイルを<C-p>等で​開いて、<C-k><S-CR>で​ピン留めする
  2. <C-b>と<C-M-b>で​プライマリーサイドバーと​セカンダリーサイドバーを​開く
  3. <C-k><C-z>で​ZenModeに​入る
    これに​より​サイドバーや​無駄な​情報を​気に​せずコーディングに​集中できます
  4. 開く​ファイルが​増えて<C-k><C-p>の​絞り込みしずらくなると、​ZenModeを​解除して​セカンダリーサイドバーの​OPEN EDITORSを​整理したり、<C-k><S-CR>で​ファイルを​閉じる
  5. タスクが​ひと段落すると、<C-k><S-CR>で​ファイルを​閉じ、​不要に​なった​ピン留めを<C-k><S-CR>で​解除しています

おわりに

他の​Ende​使う​ことで​Vimの​良い​ところを​改めて​実感​できたり、​逆に​Vimの​弱い​部分を​知れるので​良いですね。​仕事で​IntelliJ IDEAを​使う​機会も​ありそうなので、​良い​機能を​自分の​Neovimに​還元して​できたら​良いなと​思ってます。

目次