VimをVisual Studio Codeっぽく使ってみる ①

Vim2 Advent Calendar 2019 の 3日目 担当の @Chitama です。
Webやアプリの開発をやってます。

Visual Studio Code を立ち上げずに Vimでコードを書いてみたらと、いつもよりメモリの使用量が 1GB ほど少なかったので、VimだけでVisual Studio Codeっぽく使えないか試してみました。
今回は、vim標準のファイラnetrwだけでできる範囲でやってみます。

標準設定で使ったとき

まず、まっさらな vimrc だとこんな感じです。

プロジェクトフォルダを開く

• 基本操作
  • edit <開きたいプロジェクトフォルダパス>
  • e <開きたいプロジェクトフォルダパス>

• やりたいこと
  • 開いた時に上部に表示される情報を非表示にしたい
  • ツリー形式で展開するように表示したい

ファイルを開く

• 基本操作
  • ディレクトリ/ファイルを開く: Enter
  • 水平方向で開く（画面分割）: o
  • 垂直方向で開く（画面分割）: v
  • ファイルを閉じる： :bd
  • 右のウィンドに移動: <Ctrl+w> l
  • 左のウィンドに移動: <Ctrl+w> h
  • ウィンドに移動: <Ctrl+w> 長押し

• やりたいこと
  • ファイルが左側に開くので、右側にしたい
  • 行番号を表示したい
  • コードに色分けしたい

vimrcを追記

やりたいことが実現できるように vimrc を書いてみます。

" プラグインを有効にする
filetype plugin on

"##### nwtrw #####
" 上部の情報を非表示にする
let g:netrw_banner = 0
" 表示形式をTreeViewに変更する
let g:netrw_liststyle = 3
"コードの色分け
syntax on

"#####表示設定#####
"行番号を表示する
set number
" 新しいウィンドウを下に開く
set splitbelow
" 新しいウィンドウを右に開く
set splitright

• Vim（左）、 Visual Studio Code（右）

   

とりあえず

見た目だけっぽくしてみました。
次は、開発で使ういろいろな機能も試してみようと思います。