My Vim Setup

I’ve been learning Vim for more than a year now. Here, I will share the plugins that I find useful and make coding easier in Vim.

  • Vundle — I use this for managing plugins.
  • vim-css-color — Highlights color in css.
  • vim-gutter — Very helful when you use git. Shows a git diff in the gutter.
  • vim-better-whitespace — Highlights whitespaces.
  • fzf — Is originally a command-line fuzzy finder but you can also install it in Vim.
  • vim-multiple-cursor — Allows you to have multiple selections like in other editors (Sublime, VS Code).
  • vim-surround — might take a while to include in your workflow. but this is used for surrounding block with quotes or parenthesis.
  • NERDTree — Tree explorer in Vim.

Vim Config

Here is my .vimrc config file:

syntax enable
set tabstop=2
set number
set expandtab
set softtabstop=2
set cursorline
set showmatch
set autoindent
syntax on
filetype off
set rtp+=~/.fzf
set rtp+=~/.vim/bundle/Vundle.vim
call vundle#begin()
Plugin 'VundleVim/Vundle.vim'
Plugin 'junegunn/fzf'
Plugin 'junegunn/fzf.vim'
call vundle#end()            " required
filetype plugin indent on    " required
colorscheme badwolf
filetype plugin on
set omnifunc=syntaxcomplete#Complete
set autoread
nmap <silent> <C-D> :NERDTreeToggle<CR>
""" map for switching window in NERDTree
nmap <Tab> <C-w>w
""" map for resizing window in NERDTree
nmap 7 :vertical res-5<CR>
nmap 8 :vertical res+5<CR>
nmap 9 :res-5<CR>
nmap 0 :res+5<CR>

"" map for fzf search
nmap <C-f> :GFiles<CR>

""set encoding=utf8
""set encoding=utf8
let NERDTreeShowHidden=1
let g:mix_format_on_save=1

Learning Resources

Here are the things that might be helpful when learning Vim.


There are plethora of plugins available in Vim that you can download online and include in your workflow/config. I hope you find this blog post useful.

Web Developer. Based in Quezon City, PH. Interested to do some work with Elixir, React.