DEV Community

Cover image for My Neovim Configuration
Dave Amiana
Dave Amiana

Posted on

My Neovim Configuration

Setting up linters, syntax highlighter, NerdTrees, and more

Before we begin, let us motivate this topic with the relevance of Vim in 2022. I'll talk briefly about my personal experience learning Vim and the factors that got me into it. The second point of this discussion would be an instructional guide on how to configure your Neovim so you can turn it into a full-blown IDE.

Why do People use Vim in 2022?

There is a compelling reason why Vim has remained relevant to most developers for nearly half a century. Among developers, the functionality that Vim offers to edit multiple files with a few keystrokes is simply unmatched. Being able to progress on your deliverables and explore candidate solutions at the speed of thought is crucial among developers working in mid to large codebases. That is the reason I got into Vim. The learning curve is quite steep. It took me a week to get comfortable with the keystrokes, but it pays off quite well. (I found this cheat sheet helpful: https://vim.rtorr.com/.)

Watching more experienced developers like ThePrimeagen, George Hotz and Jason Turner move seamlessly on multiple files reimplementing their design and test their code made me want to incorporate Vim on my personal workflow. It allowed me to focus more on the code instead of spending too much time on popups in a GUI editor.

Although I don't write on Vim (and Neovim) every time, Text Editors and IDEs offer Vim keybindings. Minimizing the lags you spend clicking on the GUI. The point is, no matter where you go in your dev journey, you should give Vim a try.

Vim and Neovim

Neovim is a result of Vim Community's effort to support better scripting through Lua, modern plugins, and integration with modern GUIs (Wikipedia Contributors, 2022). The Neovim project started in 2014 with its main design focus dedicated to the extensibility and maintainability of Vim.

Most commands and Vim configurations work in Neovim by default as the Neovim project is a forked and more feature-rich version of Vim.

The title of this section naturally lends itself to the topic of which is better, but I leave that to your judgment to decide which works better for you. Personally, I find Neovim more friendly as code completion and static analyzers are simpler to configure.

Configuring Neovim

All configurations for Neovim are stored in the ~/.config/nvim directory. But unlike Vim which is available in most Linux distributions, you have to make sure that you have Neovim by running nvim -v. If it doesn't output the version, you have to install it using $ sudo apt install neovim. (I'm using Ubuntu, your distro may have a different package manager to install Neovim.)

Next, we have to install Git and Curl to set up Vim Plug which allows you to install Vim plugins. But first, let's make sure that we are up to date.

$ sudo apt update
$ sudo apt install git curl
Enter fullscreen mode Exit fullscreen mode

To install Vim Plug, run the shell command for Linux:

sh -c 'curl -fLo "${XDG_DATA_HOME:-$HOME/.local/share}"/nvim/site/autoload/plug.vim --create-dirs \
       https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim'
Enter fullscreen mode Exit fullscreen mode

Now, we navigate to ~/.config/nvim. If this directory is not available, make one using cd ~/ && mkdir .config/nvim. We put all our user-defined configurations in the ~/.config/nvim/init.vim file.

Don't panic if the blank screen opens. The first keys you should know to edit files in Vim are:

  • i for insert
  • [esc] + q for quit
  • [esc] + w for save
  • [esc] + wq for save and quit
:set number " show line numbers
:set relativenumber " show line number on the current line relative to other lines
:set autoindent " sets newline to inherit the indentation of prev lines
:set tabstop=4 " indents using 4 spaces
:set shiftwidth=4 " sets 4 spaces indents when shifting
:set smarttab " sets `tabstop` number of spaces when the tab is pressed
:set softtabstop=4 " sets 4 spaces when tab or backspace is pressed
:set mouse=a " enables the mouse for scrolling and resize 
Enter fullscreen mode Exit fullscreen mode

You may extend this initial configuration as you like, refer to: https://www.shortcutfoo.com/blog/top-50-vim-configuration-options/. If you're satisfied, save and exit.

Now for setting up the plugins. Your Vim plugins are declared between call plug#being() and call plug#end(). Inside we place a set of Plug [plugin URL] commands. And when we're satisfied, hit [esc] + :PlugInstall.

To enable the tagbar for my configuration, use:

$ sudo apt install exuberant-ctags
Enter fullscreen mode Exit fullscreen mode

My personal Vim plugins are as follows:

call plug#begin('~/.config/nvim/plugged')

Plug 'http://github.com/tpope/vim-surround' " Surrounding ysw)
Plug 'https://github.com/preservim/nerdtree' " NerdTree
Plug 'https://github.com/tpope/vim-commentary' " For Commenting gcc & gc
Plug 'https://github.com/vim-airline/vim-airline' " Status bar
Plug 'https://github.com/ap/vim-css-color' " CSS Color Preview
Plug 'https://github.com/rafi/awesome-vim-colorschemes' " Retro Scheme
Plug 'https://github.com/ryanoasis/vim-devicons' " Developer Icons
Plug 'https://github.com/tc50cal/vim-terminal' " Vim Terminal
Plug 'https://github.com/preservim/tagbar' " Tagbar for code navigation
Plug 'https://github.com/terryma/vim-multiple-cursors' " CTRL + N for multiple cursors

call plug#end()

nnoremap <C-f> :NERDTreeFocus<CR>
nnoremap <C-n> :NERDTree<CR>
nnoremap <C-t> :NERDTreeToggle<CR>

nmap <F8> :TagbarToggle<CR>

let g:NERDTreeDirArrowExpandable="+"
let g:NERDTreeDirArrowCollapsible="~"
Enter fullscreen mode Exit fullscreen mode

NerdTree provides a graphical view of your file tree:

Image description

For the language server, code completion, and static analysis tools, we use coc.vim plugin. This requires NodeJS version 14+ and its package manager NPM.

$ curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
$ sudo apt-get install -y nodejs && sudo apt install npm
Enter fullscreen mode Exit fullscreen mode

Now that we have the prerequisite for coc.nvim, open init.vim and add the following

call plug#begin()
...
Plug 'https://github.com/neoclide/coc.nvim'  " Auto Completion
...
call plug#end()

nnoremap <C-l> :call CocActionAsync('jumpDefinition')<CR>
Enter fullscreen mode Exit fullscreen mode

Head over ~/.config/nvim/plugged/coc.nvim directory and build yarn with the following commands:

$ sudo npm install -g yarn
$ yarn install 
$ yarn build 
Enter fullscreen mode Exit fullscreen mode

CocInstall example

To be able to configure the linters, we have to install different modules for different languages we're running on. For this example, we will set up Python3. (Make sure that Python3 and Pip3 are installed.)

Install static analysis tool for Python (Jedi is one example but there are also others):

pip3 install jedi
Enter fullscreen mode Exit fullscreen mode

Inside our Python file type: [esc] + :CocInstall coc-python . And there we have it!


Thanks for getting this far and enjoy exploring tools in your terminal!


References

  1. Wikipedia contributors. (2022, August 26). Vim (text editor). In Wikipedia, The Free Encyclopedia. Retrieved 14:12, September 1, 2022, from https://en.wikipedia.org/w/index.php?title=Vim_(text_editor)&oldid=1106761239

  2. Choi, J. (2022). Vim-Plug. https://github.com/junegunn/vim-plug.

Top comments (4)

Collapse
 
rounakcodes profile image
rounakcodes • Edited

Chris has videos and articles for each important section of his config. He also maintains a Discord channel for discussion. I think its a commendable effort in a no non-sense style.

Collapse
 
whjte profile image
John Snow

I usually go with whatever AstroVim offers by default, thanks for sharing your setup!

Collapse
 
iamdeb25 profile image
Dave Amiana

Might check up on that! Thanks for reading :>

Collapse
 
iamdeb25 profile image
Dave Amiana

I'd love to know your Vim Configs. Feel free to drop a comment.