I want to start by saying, this is not an editor-shame article. You can use whatever text editor you want. It really doesn’t matter. I’m only writing this because I found a level of productivity in Vim that I haven’t had in any of the editors I used before (Sublime Text, Atom or VSCode).
If you’ve heard about Vim, and want to try it out, I hope this article can provide a bit of familiarity you’d find from VSCode.
There are lots of reasons to use Vim, so here’s a few of mine.
Keep your hands at 10 and 2
When you are solely using the keyboard, there is going to be an inherent speed boost just from not having to physically move your hands. And hey, maybe you’re a black belt in mouse movement, and you can move back in forth with a speed invisible to the naked eye. For the rest of us simple humans, it takes time.
Let’s do some quick math.
It takes 600ms to move my hand from the “home keys” to the mouse. On average, for sake of argument, I do that once a minute while I’m writing code. Whether that be to scroll, navigate to a new file, or something similar.
600 (wasted time in ms) x 60 (times per hour) x 5 (hours I am actually coding) = 180,000ms wasted =
3. Minutes. Every. Day.
Yeah, okay, maybe that doesn’t sound so bad, but, those 3 minutes could be spent writing a function, or refactoring code, not flailing your hand about like your Harry Potter!
My favorite quote that describes what it’s like to code in VIM:
“Code at the speed of thought”
Vim is built around the idea that you are directly communicating with your computer. You tell it what you want, and it does it for you. The biggest eye-opener for me was this little tidbit:
To delete everything in between two objects (parentheses, quotes, etc), it's as simple as:
That’s just the surface of amazing shorthand things you can do with Vim.
I’m a real programmer!
Part of the journey of learning VIM is exposing yourself to how UNIX works. I’m under the impression that the more you expose yourself to things like bash, the better programmer you are going to be.
Chances are, you have a pretty sweet command line setup. Wouldn’t it be nice if your code editor and your command line worked in concert?
How do you exit Vim?
Probability is high that you’ve ever edited a file on a Linux server, and couldn’t figure out how to exit the file. Let’s say, for example, changing an SSH key on Digital Ocean. If you know VIM…you don’t have to worry about that!
The real reason I switched to Vim
Honesty time. The real catalyst for wanting to switch to Vim was watching Kyle Mathews (creator of Gatsby.js) using it during a demo.
VS Code Features and their equivalents
Convinced? Cool, here’s some tools!
Vim by itself is pretty barebones. In order to add plugins, we have to have a mechanism to manage them. Enter Plug:
A minimalist Vim plugin manager. Easier to setup: Single file. No boilerplate code required. Easier to use: Concise…
Note: There are a few plugin managers out there. I landed on Plug for no particular reason. I like it, and I’ve had no issues with it. FYI, Vundle is deprecated.
There has been a bunch of solutions for file searching over the years, as indicated by the multitude of answers in forums. I tried a couple of different ones, but landed on this combination:
Fzf is a really well built/maintained fuzzy search that works in both the command line and vim.
Note: You may see Ag(Silver searcher) in a lot of articles, however the Ag related vim plugin is no longer maintained, so its suggested to use RipGrep.
The auto-completion system (Intellisense) in VSCode is arguably it’s best feature. Lucky for us, it’s been ported over to Vim!
Make your vim/neovim as smart as VSCode. Coc is an intellisense engine for vim8 & neovim. It works on vim >= 8.0 and…
CoC has its own extension system, that mirrors that of VSCodes. It's easy to use and well documented (the most important part).
Note: You may see some old articles talking about YouCompleteMe, but as far as I can tell, that isn’t maintained anymore.
File System Explorer
VSCode, like most modern text editors, comes with a file explorer. Vim’s native
netrw is alright, and I’ve seen quite a few articles saying you don’t need anything else, like here. However, I find NERDTree is too useful to not use.
The NERDTree is a file system explorer for the Vim editor. Using this plugin, users can visually browse complex…
I gotta be honest here, I do most of my git stuff straight in Iterm. However, VSCode has an incredibly nice Git Diff split screen. To get that level of git integration, check out this plugin:
I'm not going to lie to you; fugitive.vim may very well be the best Git wrapper of all time. Check out these features…
Additional plugins that you may want
This is some of the stuff I used in Visual Studio Code, that I wanted to bring into Vim.
This nice little package will auto close those pesky brackets.
Insert or delete brackets, parens, quotes in pair. Fly Mode will always force closed-pair jumping instead of inserting…
This will add icons to stuff like NERDTree.
See Screenshots for more. Adds filetype glyphs (icons) to various vim plugins. Customizable and extendable glyphs…
Wouldn’t you know it, but the official prettier team has a vim plugin. How nice! Also, incredibly simple to set up.
A Vim plugin for Prettier. Contribute to prettier/vim-prettier development by creating an account on GitHub.
Get it to work on autosave, check out this article.
Wouldn’t you know it, using the Conquer of Completion, you can import VSCode snippets!
Check this out to show you how to do that:
Intellisense engine for vim8 & neovim, full language server protocol support as VSCode - neoclide/coc.nvim
Here is the React snippets package I’m using.
Contains the code snippets for Reactjs development in VS Code editor - xabikos/vscode-react
THE home for Vim plugins is Vim Awesome.
Great place to watch people use Vim:
Vimcasts - Free screencasts about the text editor Vim
Learn Vim at your own pace with my self-study Core Vim Course. Learn more Learn Vim at your own pace with my self-study…
I have a few remapped keys to make things easier. Check out my dotfiles for all those.
Contribute to DarthOstrich/dotfiles development by creating an account on GitHub.
I solely use Vim now, after spending about a year to learn it. Initially, I was using it just for my personal projects, because my productivity level was low. I had to keep stopping to look up how to do something. However, I dropped VSCode completely about 4 months ago, and I don’t plan on going back.
It takes discipline
Learning Vim can seem daunting, and frankly, it is. It requires self-imposed discipline. However, doesn’t everything in development? There is no tool/language/framework I’ve ever learned that didn’t require some level of deliberate practice.
Vim is a lifestyle choice. It will take a while to get used to it, and it WILL be frustrating at times. However, if you stick to it, I guarantee it’ll improve your workflow. If you have any additional tips or questions, please drop them below. As always, happy coding!
Additional Resources for learning
Mastering Vim Quickly — Jovica Ilic
I wrote a book, on Vim, called: Mastering Vim Quickly: From WTF to OMG in no time. I want to tell you a bit about it…
Switching to Vim
Last year I made a decision to switch to Vim for all my coding and text editing. Many times before I've tried Vim but…
Other Tech Articles you may like
10 examples of Vim editor in Linux
5 Free Linux Courses for Programmers
10 examples of curl command in Linux
10 examples of lsof command in Linux
Top 10 Python Courses to learn Coding in 2019
5 courses to learn shell scripting from scratch
10 examples of find command in Linux
10 examples of grep command in Linux