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:

install neovim
Install vim-plug (or any other plugin manager)
https://github.com/junegunn/vim-plug
I recommend checking out my dotfiles…


This content originally appeared on DEV Community and was authored by bashbunni

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:
:CocConfig 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


This content originally appeared on DEV Community and was authored by bashbunni


Print Share Comment Cite Upload Translate Updates
APA

bashbunni | Sciencx (2021-12-09T21:49:57+00:00) How to Set up Neovim for Full Stack Development. Retrieved from https://www.scien.cx/2021/12/09/how-to-set-up-neovim-for-full-stack-development/

MLA
" » How to Set up Neovim for Full Stack Development." bashbunni | Sciencx - Thursday December 9, 2021, https://www.scien.cx/2021/12/09/how-to-set-up-neovim-for-full-stack-development/
HARVARD
bashbunni | Sciencx Thursday December 9, 2021 » How to Set up Neovim for Full Stack Development., viewed ,<https://www.scien.cx/2021/12/09/how-to-set-up-neovim-for-full-stack-development/>
VANCOUVER
bashbunni | Sciencx - » How to Set up Neovim for Full Stack Development. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/12/09/how-to-set-up-neovim-for-full-stack-development/
CHICAGO
" » How to Set up Neovim for Full Stack Development." bashbunni | Sciencx - Accessed . https://www.scien.cx/2021/12/09/how-to-set-up-neovim-for-full-stack-development/
IEEE
" » How to Set up Neovim for Full Stack Development." bashbunni | Sciencx [Online]. Available: https://www.scien.cx/2021/12/09/how-to-set-up-neovim-for-full-stack-development/. [Accessed: ]
rf:citation
» How to Set up Neovim for Full Stack Development | bashbunni | Sciencx | https://www.scien.cx/2021/12/09/how-to-set-up-neovim-for-full-stack-development/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.