導入

今回は長年愛用しているテキストエディタの設定をご紹介したいと思います。

私は現在、"Visual Studio Code (VSCode)"に"Vim 拡張機能"を入れて使用しており、この組み合わせがコーディング環境のベストプラクティスだと考えています。（~~Emacs党の人かかってきやがれ~~）

VSCodeは、Microsoft社が開発した、軽量で優秀な拡張機能も豊富な、エンジニアの要望に応えてくれるテキストエディタ。

Vimは、思考のスピードでテキスト編集ができるようになる機能群のこと。学習コストはかかりますが（学習過程が楽しい）、使いこなせるようになったときの編集スピードの最高到達点は、他のエディタの追随を許しません。

{
    //・・・
    //省略
    //・・・

    //Vim
    "vim.easymotion": true,
    "vim.easymotionKeys": "asdfhjklweuio",
    "vim.foldfix": true,
    "vim.hlsearch": true,
    "vim.incsearch": true,
    "vim.leader": "<space>",
    "vim.normalModeKeyBindingsNonRecursive": [
        {"before": ["<Esc>"],                 "commands": [":nohl"]},
        {"before": ["<Enter>"],               "after": ["i", "<Enter>"]},
        //Yank
        {"before": ["Y"],                     "after": ["y", "$"]},
        {"before": ["leader", "y"],           "after": ["\"", "z", "y"]},
        {"before": ["leader", "p"],           "after": ["\"", "z", "p"]},
        //Delete
        {"before": ["x"],                     "after": ["\"", "_", "x"]},
        {"before": ["<Del>"],                 "after": ["\"", "_", "x"]},
        {"before": ["<BS>"],                  "after": ["h", "\"", "_", "x"]},
        //Cursor moving
        {"before": ["leader", "h"],           "after": ["^"]},
        {"before": ["leader", "l"],           "after": ["$"]},
        {"before": ["leader", "j"],           "after": ["G"]},
        {"before": ["leader", "k"],           "after": ["g", "g"]},
        //Center of display
        {"before": ["n"],                     "after": ["n", "z", "z"]},
        {"before": ["N"],                     "after": ["N", "z", "z"]},
        {"before": ["g*"],                    "after": ["g", "*", "z", "z"]},
        {"before": ["g#"],                    "after": ["g", "#", "z", "z"]},
        {"before": ["*"],                     "after": ["*", "z", "z"]},
        {"before": ["#"],                     "after": ["#", "z", "z"]},
        //Vim-Easymotion
        {"before": ["s"],                     "after": ["m", "z", "leader", "leader", "2", "s"]},
        {"before": ["leader", "s"],           "after": ["m", "z", "leader", "leader", "s"]},
        {"before": ["leader", "leader", "s"], "after": ["m", "z", "leader", "leader", "s"]},
        {"before": ["leader", "m"],           "after": ["`", "z"]},
 ],
    "vim.useSystemClipboard": true,
    "vim.visualModeKeyBindingsNonRecursive": [
        {"before": ["<Enter>"],               "after": ["\"", "_", "x", "i", "<Enter>"]},
        //Repetitive put
        {"before": ["p"],                     "after": ["\"", "_", "d", "P"]},
        //Yank
        {"before": ["g", "y"],                "after": ["y", "`", ">"]},
        {"before": ["leader", "y"],           "after": ["\"", "z", "y"]},
        {"before": ["leader", "p"],           "after": ["\"", "_", "d", "\"", "z", "p"]},
        //Delete
        {"before": ["x"],                     "after": ["\"", "_", "x"]},
        {"before": ["<Del>"],                 "after": ["\"", "_", "x"]},
        {"before": ["<BS>"],                  "after": ["\"", "_", "x"]},
        //Cursor moving
        {"before": ["leader", "h"],           "after": ["^"]},
        {"before": ["leader", "l"],           "after": ["$"]},
        {"before": ["leader", "j"],           "after": ["G"]},
        {"before": ["leader", "k"],           "after": ["g", "g"]},
        //Center of display
        {"before": ["n"],                     "after": ["n", "z", "z"]},
        {"before": ["N"],                     "after": ["N", "z", "z"]},
        {"before": ["g*"],                    "after": ["g", "*", "z", "z"]},
        {"before": ["g#"],                    "after": ["g", "#", "z", "z"]},
        {"before": ["*"],                     "after": ["*", "z", "z"]},
        {"before": ["#"],                     "after": ["#", "z", "z"]},
        //Indent
        {"before": [">"],                     "commands": ["editor.action.indentLines"]},
        {"before": ["<"],                     "commands": ["editor.action.outdentLines"]},
        //Comment for c++
        {"before": ["leader", "c"],           "after": ["I", "/", "/", "<Esc>"]}
        //Vim-Easymotion
        {"before": ["s"],                     "after": ["<Esc>", "m", "z", "g", "v", "leader", "leader", "2", "s"]},
        {"before": ["v", "s"],                "after": ["<Esc>", "m", "z", "g", "v", "leader", "leader", "2", "s"]},
        {"before": ["V", "s"],                "after": ["<Esc>", "m", "z", "g", "v", "leader", "leader", "2", "s"]},
        {"before": ["leader", "s"],           "after": ["<Esc>", "m", "z", "g", "v", "leader", "leader", "s"]},
        {"before": ["leader", "leader", "s"], "after": ["<Esc>", "m", "z", "g", "v", "leader", "leader", "s"]},
        {"before": ["leader", "m"],           "after": ["`", "z"]},
 ],
    "vim.whichwrap": "b,s,h,l,<,>,[,],~",
}

解説

デフォルト状態だと使いにくいキーバインドがあったり、ビジュアルモードでVim 拡張機能が使えなかったりするので、オリジナルコマンドを追加しています。

コンセプトは、「ネイティブなVimの挙動に固執せず、自分の思考が動作に反映されるか」です。

「setting.json」は、Visual Studio Codeの画面中の、[ファイル]→[基本設定]→[設定]から「設定（JSON）を開く」アイコンをクリックすることで、直接編集できるようになります。

なお、「<Leader>」キーとして「スペースキー」を設定しています。こんなに押しやすいキーを駆使しないのはもったいないです！

基本

キーバインド	説明
Esc	検索時のハイライトを消す
Enter	改行（ノーマルモード）選択部分を削除し改行（ビジュアルモード）

ヤンク（コピー）、プット（貼り付け）

キーバインド	説明
p	繰り返し上書きができるようレジスタを汚さず貼り付け（ビジュアルモード）
Y	行末までヤンク
gy	ヤンク後、選択範囲の最後尾に移動（ビジュアルモード）
<Leader>y	zレジスタにヤンク
<Leader>p	zレジスタをプット

削除

キーバインド	説明
x	レジスタを汚さず削除
Delete	レジスタを汚さず削除
BackSpace	レジスタを汚さずカーソルの左を削除

移動

キーバインド	説明
<Leader>h	行頭に移動
<Leader>l	行末に移動
<Leader>j	ファイル末尾に移動
<Leader>k	ファイル先頭に移動
n N g* g# * #	検索後カーソルを画面中央に移動

インデント

キーバインド	説明
>	連続右インデント（ビジュアルモード）
<	連続左インデント（ビジュアルモード）

Vim-Easymotion（拡張機能）

キーバインド	説明
s	任意の２文字に移動
<Leader>s	任意の１文字に移動
<Leader><Leader>s	任意の１文字に移動
<Leader>m	Easymotionジャンプ前に移動

まとめ

テキストエディタは、自分の手足のようなもの。自分仕様の設定にチューニングすることで、エンジニアの真の力が引き出せると考えています。

この記事を参考に、思考のスピードで編集するVimmerになってください。

Next, my turn.

ロボットエンジニアのブログです．#Robotics #C++ #VBA #Python #Azure #MATLAB #ROS #Vim #RaspberryPi

Vim使いのためのVSCodeの設定

導入

目次

設定紹介

解説

基本

ヤンク（コピー）、プット（貼り付け）

削除

移動

インデント

Vim-Easymotion（拡張機能）

まとめ