Here's what you need to learn and master Vim, the modal text editor 🤸‍♀️

Hey there!

I hope you're having a great Tuesday! You might notice a bit of a visual change this week: the newsletter is now powered by the recently updated blog at bytesized.xyz. Hopefully, it's cleaner, clearer, and easier to read! You can now visit each newsletter issue in-browser (like this one) and view it using by signing in with your email.

Technical blog stuff isn't always fun, but it's worthwhile: the content for the newsletter is now broadly shareable, and believe it or not, the migration is going to save me thousands of dollars this year 🥳

One thing I want to mention: with the new year started, we have a bunch of sponsorship slots available for promoting your product, book, or course in our weekly newsletter.

If you read Bytesized regularly and find yourself clicking links every week... you aren't alone. We have a super engaged readership who check out the stuff our awesome partners and sponsors are building, and your product could be the next thing our readers click on. See our sponsorship page to learn more!

With that, onto the newsletter! As always, reply to this email if you have questions, want to let me know what you think of the new design, or anything else—I'd love to hear from you!

Vim (Vi IMproved) was first released in 1991 by Bram Moolenaar. It started as a clone of vi, a Unix text editor initially released in 1976.

Vim (and Vi) are modal text editors: they have contextual "modes" that allow you to interact with the text in your file in different ways. Vim has modes for different situations – insert for when you're writing text, visual for selecting text and manipulating it, normal for navigating through your document, and many more for ancillary situations.

Here's Greg Hurrell on modal text editors:

A modal text editor is a, nowadays rare, text editor that offers multiple interaction modes which are optimized for specific types of action and interaction. The rationale is that each mode is a finely-tuned tool which allows the user to realize their objectives in an efficient and powerful manner. This does require more learning than you might be accustomed to as a user of a non-modal editor, but the reward is hopefully increased efficiency and power.

Last week, we looked at the most popular editor in the world, VSCode.

Our focus was on productivity – most readers of Bytesized probably know of VSCode, and are probably using it.

The same generally can't be said of Vim: only 25% of people surveyed in Stack Overflow's 2019 Developer Survey use Vim, and it has a notoriously hard learning curve.

I've used Vim for almost a decade, and even if I'm not in Vim every day, the concepts of modal editing and keyboard-based navigation have transferred over into everything I do on the computer. Learning Vim is worth doing!

In this edition of Bytesized, I'll cover both how to learn Vim, by going through some great tutorials and long-form pieces on how to think about modal editing, as well as some batteries-included configurations and plugins to have a great setup quickly. The Vim ecosystem is incredibly active and there's a ton of great developer experience improvements to be made over Vim's default setup as well, so if you're using Vim, you'll still get a ton out of this newsletter. Let's dig in!

Learn Vim, fast

How to Learn Vim: A Four Week Plan

Peter Jang offers a structured four-week plan to learn the fundamentals of Vim:

1. Week 1: Complete vimtutor once a day, every day
2. Week 2: Use Vim with minimal config, no plugins
3. Week 3: Use Vim with minimal plugins
4. Week 4: Compose Vim commands with verbs and nouns

How To Learn Vim: A Four Week Plan

Vim is a command line text editor that is notorious for being hard to learn (the running joke is to generate a truly random string, put a web developer in front of Vim and tell them to exit). So why…

Peter Jang•Actualize

VimTricks – weekly tips, tricks, guides, plugins, videos, screencasts, and more – all about Vim

VimTricks is a newsletter covering Vim tricks and plugins. Each week, you get a new Vim command, tip, or hack on how to work inside of Vim more effectively. Even if I'm not using Vim and I'm experimenting with a new editor or tool, I still try to catch up with VimTricks every week – it's a great read!

Learn Vim For the Last Time: A Tutorial and Primer

Daniel Missler's blog has a comprehensive (and up-to-date) reference to Vim, covering both the basics – working with files, changing/deleting text, etc., and more advanced topics, like repeating commands, macros. Of particular note is the section on Vim's editing language – see the video "Mastering the Vim Language" later in the newsletter for more on this.

vim.so: Learn and Master Vim faster with interactive exercises

Kenneth Cassel is building an interactive online Vim course that's available for just $8 at an early-bird discount.

Instant configurations

A huge part of Vim's culture is sharing your configuration. The rise of GitHub has made this super easy: there's a ton of batteries-included Vim configurations that you can install in minutes to completely change (and hopefully enhance) your Vim workflow. Here's some of the more popular ones:

amix/vimrc

The ultimate Vim configuration (vimrc). Contribute to amix/vimrc development by creating an account on GitHub.

amix•GitHub

SpaceVim/SpaceVim

A community-driven modular vim distribution - The ultimate vim configuration - SpaceVim/SpaceVim

SpaceVim•GitHub

spf13/spf13-vim

The ultimate vim distribution. Contribute to spf13/spf13-vim development by creating an account on GitHub.

spf13•GitHub

Watch Vim in action

How to Configure Vim like VSCode

Ben Awad covers his configuration to setup Vim like VSCode, including a file explorer, type-ahead suggestions, and more.

THE PERFECT VIM CONFIGURATION

Sebastian Karlsson dives into his vimrc (the Vim configuration file), how it works, and how to install it for yourself.

Mastering the Vim Language

Chris Toomey covers Vim's editor language – a dense mapping of text objects, nouns, and verbs – that allow you to think about inserting and editing text in a way that many other editors simply can't do.

What is Neovim, and why should you care?

Neovim is an open-source project to modernize Vim and Vim's modal editing for a new generation of programmers. In this video, the MinuteVimTricks YouTube channel covers why Neovim matters for Vim developers, and why it may be worth switching to.

My favorite plugins

Like I said at the beginning of the email, I've been using Vim for almost a decade. Since this newsletter is getting a bit long, I narrowed down my choice picks to just three – the plugins I can't live without when I'm in Vim.

Syntastic

syntastic is a syntax checking plugin for Vim. If you've only worked with VSCode or other IDEs (integrated development environments), you might be surprised to learn that Vim ships without any sort of syntax checking! This plugin hooks into your language's checker tools (e.g. jslint, rustc, or gcc) and renders potential code errors right in your editor.

vim-syntastic/syntastic

Syntax checking hacks for vim. Contribute to vim-syntastic/syntastic development by creating an account on GitHub.

vim-syntastic•GitHub

vim-airline

vim-airline was one of the first plugins I used to make my Vim installation look good. It updates Vim's tabline (the solid bar across the bottom of Vim's UI) with better colors, as well as the ability to customize it with information from other plugins, or from your own custom scripts.

vim-airline/vim-airline

lean & mean status/tabline for vim that’s light as air - vim-airline/vim-airline

vim-airline•GitHub

ctrlp

ctrlp is a classic fuzzy file finder for Vim, used to quickly look up files in a project. This keyboard-based file finder became extremely popular via the editor TextMate, and this project seeks to bring it to Vim. Just type <CTRL>-p (or whatever you customize it to), write a few characters of the file you're looking for, and press enter. So easy!

kien/ctrlp.vim

Fuzzy file, buffer, mru, tag, etc finder. Contribute to kien/ctrlp.vim development by creating an account on GitHub.

kien•GitHub

Liked this issue? Good news—Bytesized's theme this month is editors. We'll be looking at text editors, tools for thought, and how to be more productive this year as we build software. See you next week!

Bytesized is a weekly newsletter exploring important ideas for developers. Join us on our Discord server 👋