3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VSCode vimの設定ファイルをGithubに公開

Posted at

概要

数年前からVSCodeで使っている設定ファイルを公開していたのですが、せっかくなのでQiitaで記事にして周知しようと思った次第です!
macOS用のインストールスクリプトも用意しているので、cloneしてコマンド一つ叩くと利用できるようにもなっていますので、是非利用してみてください!
※現在の設定ファイルが上書きされるので、インストールする前に今までお使いの設定ファイルのバックアップを取っておいてください

購読対象者

  • vimmerがこれからVSCode vimに乗り換える準備/検討している人
  • VSCodeを利用してvimmerを目指している人
  • VSCode vimを使っているけど、良いコマンドが無いかを探している人

※基本的なvimの操作は知っている前提です

キーマッピング

<leader>, (カンマ)を利用しています。もし別のキーを割り当てている人は、forkして "vim.leader" の部分を書き換えて利用してください。
また、なぜこのキーマッピングに割り当てたのか?がわかると覚えやくすくなると思いますが、それはリポジトリのREADMEに書いてあるので、そちらを覗いてみてください!

エクスプローラー上でのファイル操作のキーマッピング

2021-08-07 at 16.34.13.png

ファイル作成( m a )

エクスプローラー上で、m aと打ちます。そうすると、テキストボックスが現れます。そして、ファイル名と拡張子を入力しEnterキーを押すことで、ファイルが作成されます。

フォルダーの作成( m f )

エクスプローラー上で、m fと打ちます。ファイル作成時と同じようにテキストボックスが現れるので、フォルダー名を入力しEnterを押すことで、フォルダーが作成されます。

ファイル/フォルダー名の変更( m r )

エクスプローラー上で、名称を変更したいファイルやフォルダーにカーソルを合わせます。そしたら、m rを押すことでテキストボックスになり変更することが可能になります。

ファイル/フォルダーの削除( m d )

エクスプローラー上で、削除したいファイルやフォルダーにカーソルを合わせます。そしたら、m dを押すことで削除することができます。

ファイル/フォルダーの複製や移動( m c and m p )

ファイルやフォルダーの複製や移動は、一発で行うキーマッピングを組めなさそうなので、CopyとPasteを利用して行います。まず、m cでコピーを行い、ペースとしたい部分にカーソルを移動し、m pを押すことで、複製が行えます。移動の場合は、コピー元をm dで削除してください。

エディター上の画面操作のキーマッピング

エディターを水平に分割( s h )

ファイルにカーソルがあたっている状態で、s hを押すと、画面が水平に分割されます。

エディターを垂直に分割( s v )

ファイルにカースルがあたっている状態で、s vを押すと、画面が垂直に分割されます。

s hs vを組み合わせて使うことで、4分割にもできます。

分割したエディターの移動( ctrl+k, ctrl+l, ctrl+j, ctrl+h )

分割したエディタの移動は、vimのカーソル移動のキーマッピングにctrlを一緒に押すことで移動ができます。
2021-08-08 at 15.18.54_2.png

カーソルが当たっているエディター以外を全て閉じる( ctrl+w o )

現在カーソルが当たっているエディター上で、ctrl+w oを押すと、カーソルが当たっている以外のエディターが全て閉じます。

カーソルが当たっているエディターを閉じる( ctrl+w c )

現在カーソルが当たっているエディター上で、ctrl+w cを押すと、カーソルが当たっているエディターが閉じます。

サーチエディターでのキーマッピング

プロジェクトの全てのファイル内の文字列検索( <leader>g )

いわゆるグレップ検索です。<leader>gを押すと、検索ボックスにカーソルが当たるので、検索したい文字列を入力してください。
2021-08-08 at 15.56.44.png

検索結果をエディターで表示( 検索ボックス上でEnter )

検索ボックスに検索文字列を入れ、Enterを押すと、その検索結果がエディター上に表示されます。なぜエディターで開くかと言うと、そうすることで検索結果が見やすくなるのと、その検索結果上でctrl+]を押すと、その結果のファイルの行にジャンプしてくれるからです。
2021-08-08 at 22.27.37.png

ノーマルモードでのキーマッピング

ファイルの保存( <leader>w )

保存したいファイル上で、<leader>wで保存できます。

エクスプローラーの開閉( <leader>nn )

<leader>nnでエクスプローラーの開閉ができます。

カーソルが当たっているファイルをエクスプローラー上で表示( <leader>nf )

カーソルが当たっているファイル上で、<leader>nfを押すことで、そのファイルにカーソルが当たった状態で、エクスプローラーを開きます。

ファイル検索( ctrl+f )

プロジェクト内のファイルを検索します。

ファイル内文字列検索( <space> )

文字列を検索したいファイル上で、<space>を押し、検索したい文字列を入力しEnterを押すことで、文字列を検索できます。Enterを押したあとに、nを押すことで次のヒットした部分にカーソルが移動します。前に戻りたい場合は、shift+nでカーソルを戻せます。
※vimの/<space>でも起動するようにしています

まとめ

いかがでしたでしょうか?vimmerの皆さんの作業効率が更に上がることを願っております!ここに記載した以外にもたくさんのキーマッピングがありますので、気になる方は、リポジトリの中身を見てみてください!
気に入った方は、是非forkしてカスタマイズして使ってみてください!

反響次第では、この記事を随時更新していきます!

また、もし他にも良いキーマッピングがありましたら、PRやコメントをお待ちしております!それと、まだ実現したいけど実現できていないキーマッピングもあるので、リポジトリにTODOを載せようと思います!その時は助けてください!

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?