How to Set up Neovim for Full Stack Development

bashbunni

bashbunni

Posted on December 9, 2021

How to Set up Neovim for Full Stack Development

Set up Neovim for Full Stack Development

You'll need:

  • Coc
  • emmet

If you're new to neovim:

  1. install neovim

  2. Install vim-plug (or any other plugin manager)
    https://github.com/junegunn/vim-plug

  3. I recommend checking out my dotfiles which has lots of comments so you can find any extra features that might be helpful for you.

I will write another post for a more in-depth description of getting started with neovim...

Install Coc

To install Coc, you'll want to follow their instructions at the link below. It is
https://github.com/neoclide/coc.nvim

Configuring Coc

With neovim open, type the following:
:CocInstall coc-html coc-tsserver coc-json coc-emmet coc-prettier

Coc tsserver is for javascript, typescript, and JSX support

You'll want to create a shortcut for :call CocAction('format'). I have the following shortcut so that I can format my projects with space + f:
nnoremap <leader>f :call CocAction('format')<CR>

Install Node and Npm

head over to the Node.js downloads page and follow their installation instructions. You can also use your package manager to install Node.

Debian and Ubuntu

sudo apt install nodejs

Arch Linux

sudo pacman -S nodejs

Other Recommendations

I highly recommend installing tmux so you can run your frontend, backend, neovim, and git cli in the same terminal window which makes it way easier to keep your workspace clear. Tmux is great because you can name your sessions and easily navigate to the right spot for what you're looking to do.
e.g.
tmux demo

💖 💪 🙅 🚩
bashbunni
bashbunni

Posted on December 9, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related