1. はじめに
デフォルトのVSCodeの画面は情報が多すぎる！ということで本記事ではVimmerのように無駄のないシンプルな画面で、極力マウスを使わずに快適にコーディングできる「VSCode Ninja」スタイル(勝手に名前つけた)を目指します。
このスタイルの核となるのがZenモードです。不要なUIを排除し、純粋にコードに集中できる環境を提供します。そして、Zenモードを最大限に活かすため、Neovim拡張、Quick Open、キーバインドのカスタマイズを駆使して操作性を極限まで高めることを目指します。
2. Zenモードの活用
Zenモードは、VSCodeをシンプルで没入感のある環境にするための重要な機能です。VSCode Ninjaのような環境を作るための中心となる要素であり、これを活用することで、余計なUIを削減し、最大限に集中できる環境を構築できます。
-
起動方法：
cmd + k, z -
主な利点：
- 余計なUI要素を削減し、作業に集中しやすくなる
- キーボード主体の操作を促進する
- より高速にコードを書く環境を構築できる
このZenモードを使いやすくするために、Neovim拡張やQuick Open、各種キーバインドの修正を行っています。
3. Vimキーバインドの導入
Vimキーバインドを導入する方法はいくつかありそうですが、VSCode Neovimがおすすめです。VSCodeの裏で本物のNeovimを動かしているため、キーバインドの再現度が高く高速で動きます。
よくVimキーバインドだと、コード定義に移動できないのでは？という声を聞きますが、関数などの上にカーソルを移動させ、gdで定義に移動できます。
4. キーバインド設定
マウスを使わずにキーボードのみで操作するためにキーバインドの設定もいじりましょう。自分は以下のような設定にしています。
4.1 エディタのキーバインド設定
| キーバインド | 機能 |
|---|---|
cmd + k, e |
ファイルエクスプローラを開く |
cmd + k, g |
Gitビューを開く |
cmd + f |
全文検索 & 置換 |
cmd + [ / cmd + ]
|
戻る / 進む |
shift + cmd + [ / shift + cmd + ]
|
前のエディタに移動 / 次のエディタに移動 |
4.2 ターミナルのキーバインド設定
| キーバインド | 機能 |
|---|---|
cmd + d |
ターミナルを横に分割 |
cmd + t |
新しいタブ(ターミナルグループ)を開く |
cmd + w |
ターミナルを閉じる |
cmd + [ / cmd + ]
|
前のターミナルペインに移動 / 次のターミナルペインに移動 |
shift + cmd + [ / shift + cmd + ]
|
前のタブ(ターミナルグループ)に移動 / 次のタブに移動 |
5. マウス操作を減らすテクニック
ファイル名検索 & 開く
コマンドパレット(cmd + p)でマウスに触れることなく、ファイル検索 & 開くがスムーズに行えます。
拡張機能などサイドバーへのアクセス
quick open view(ctrl + q)でZenモードを解除せず、サイドバーの項目にアクセスできます。ctrl + q を連続押しすることで次の項目に移動できます。
6. まとめ
VSCode Ninjaを目指すためには、Zenモードを中心に環境を最適化し、キーボード操作を徹底的にカスタマイズすることが鍵となります。
今回紹介した設定を導入することで、マウスを使わずに迅速にコードを書ける環境を手に入れることができます。ぜひ、自分の作業スタイルに合った設定を試し、究極の生産性を目指しましょう！