{"componentChunkName":"component---src-pages-markdown-remark-fields-slug-js","path":"/engineering/guest-post/vim-level-up/","result":{"data":{"markdownRemark":{"id":"cb7b9df3-1aca-5e57-8d28-8bd2cafd9bcc","excerpt":"Prerequisites You should know the basics of Vim beforehand. You may refer to a previous blog Vim: Getting started. This tutorial explores the following concepts…","html":"

Prerequisites

\n

You should know the basics of Vim beforehand. You may refer to a previous blog Vim: Getting started.

\n

This tutorial explores the following concepts:

\n\n

In addition, this tutorial explores a few other tips and tricks. It is not uncommon for folks who have been using Vim for a long time and not being familiar with these handy, useful features.

\n

Macros

\n

You don't want to miss out on macros if you want to level up your Vim game. Vim macro is a powerful feature that allows you to record a sequence of keys on the fly. It helps you to automate a lot of stuff.

\n

Macros are based on the concept of registers. If you don't know what registers are, you can think of them as a bunch of spaces in memory that Vim uses to store some text.

\n

Macros are editable registers, which you can record, store, and edit whenever you want.

\n

Here's the basic syntax of macros:

\n
q<key you want to record your macro into><series of commands>q
\n

Example:

\n
q1f;xq
\n

Let's break it down for you:

\n

q : Starts recording a macro
\n1 : The recorded macro will be stored on key 1
\nf;x : Find the first occurrence of ;in that line and delete ;
\nq : stop recording the macro

\n

That's it. Now, you can use this macro by @<your key> i.e @1

\n

If you want to repeat a macro n number of times, then n@1is the syntax.

\n

Use Case

\n

Not impressed yet? Huhh! Let's show you a practical use case to demonstrate the power of a macro. I work in ReactJs a lot and like to export all my components in one file. Let's try exporting 99 HeroBlocks in one go.

\n

The desired result is:

\n
export {default as HeroBlock1 } from './HeroBlock1/HeroBlock1.js'\nexport {default as HeroBlock2 } from './HeroBlock1/HeroBlock2.js'\nexport {default as HeroBlock3 } from './HeroBlock1/HeroBlock3.js'\n...\n..\nso on
\n

Perform vim index.js

\n

And, write this line:

\n

export {default as HeroBlock1 } from './HeroBlock1/HeroBlock1.js'

\n

Now, follow along:

\n

q1yyp4E ^A6e ^Aq

\n

Breaking it down:

\n

q1 : Start recording a macro in key 1.
\nyy : yank the current line.
\np : paste the yanked line.
\n4E : Get the cursor to 1 of Heroblock1. (f1 might be tempting but it will give you wrong results as not all lines will have 1, they can have any number. Try making the macro very generalized.)
\n^A : this is ctrl + a. It increments the current version by one.
\n6e : Get the cursor to the second number.
\n^A : increment the number by one.
\nq : stop recording.

\n

Now, to repeat your macro 99 times:

\n

99@1

\n

And that's all.

\n

\n \n \n

\n

Buffers & Splitting

\n

In simple terms, a buffer is a file that has been loaded into memory. Everything you do in Vim is in a buffer. You can list all the buffers by :buffers. And then, if you want to check out a particular buffer, use :b n -- where n is the buffer number.

\n

If you want to delete a buffer, use :bd n is the command.

\n

To create a new buffer in the same view -- creating a split in the current window -- use :sp filename.

\n

For a vertical split, use :vsp filename.

\n
\n

To be honest, using buffer numbers to switch buffers is not what I prefer to do. I prefer to switch based on what I see, like ctrl-w then jto focus on a buffer below if I'm splitting the window. :tabprevious to move a tab on the left if I'm using tabs.

\n
\n

Here are some key bindings you might want to use for a smooth workflow.

\n
nnoremap <C-t> :tabnew<CR>\nnnoremap <C-Left> :tabprevious<CR>\nnnoremap <C-Right> :tabnext<CR>\nnnoremap <C-J>  <C-W><C-J>\nnnoremap <C-K>  <C-W><C-K>\nnnoremap <C-L>  <C-W><C-L>\nnnoremap <C-H>  <C-W><C-H>
\n

Global Command

\n

The global command in Vim is very powerful and will solve a lot of your problems quickly.

\n

The basic syntax goes something as follows:

\n
:[range]global/{pattern}/{command}
\n

Let's go through some use cases to learn more about it.

\n

The following will delete any line containing the word console in the entire file:

\n
:g/console/d
\n

The following will delete any line between line 10-20 containing the word console in it:

\n
:10,20g/console/d
\n

You can even do the inverse of it by using :g!

\n

The following will delete any line not containing the word console in it in the entire file:

\n
:g!/console/d
\n

You can even combine the two.

\n

The following will delete any line containing console and not containing hello in it in the entire file.

\n

The global command can work on any regular expression, which makes it even more powerful, provided you're creative enough...

\n
:g/console/g!/Hello/d
\n

The following will delete any line starting with # i.e., comments in python will be deleted in one go:

\n
:g/^#/d
\n

So far, we've been using d as the command, but it can be anything else like m for move t for copy etc.

\n

One of the very powerful commands is norm. This command allows you to do anything that would have worked in normal mode.

\n

The following will comment out all the print statements in a python code in one go.

\n
:g/print/norm I#
\n

The global command can be coupled with macros using norm, which means you can apply a macro to certain lines matching the regex given. This was enough to blow my mind, and it made the time I spent reading about Vim worthy.

\n

Here's the syntax for using macros with global commands:

\n
:g/const/normal @q
\n

You Made It

\n

Congratulations! You made it this far. You now have leveled up your Vim game. All these tips and tricks will eventually be useful to you. Here's a little something for reading this far: Pintovim You can use this tool to make your own customized Vim color scheme.

\n

Thanks for reading!

\n","headings":[{"value":"Prerequisites","depth":2},{"value":"Macros","depth":2},{"value":"Use Case","depth":3},{"value":"Buffers & Splitting","depth":2},{"value":"Global Command","depth":2},{"value":"You Made It","depth":2}],"fields":{"slug":"/engineering/guest-post/vim-level-up/"},"frontmatter":{"metatitle":null,"metadescription":null,"description":"Vim is Vi's newest and most common reincarnation, which is supported on every known platform. Go through this tutorial to learn about what Vim is and how to make the most out of it.","title":"How to Upgrade Your Vim Skills","canonical":null,"date":"September 23, 2021","updated_date":null,"tags":["Vim","Text Editor","UNIX"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/0e8a15779baa24ee0c8d1487ce2f4794/03979/Vim.png","srcSet":"/static/0e8a15779baa24ee0c8d1487ce2f4794/f5f11/Vim.png 200w,\n/static/0e8a15779baa24ee0c8d1487ce2f4794/6d133/Vim.png 400w,\n/static/0e8a15779baa24ee0c8d1487ce2f4794/03979/Vim.png 800w,\n/static/0e8a15779baa24ee0c8d1487ce2f4794/aca38/Vim.png 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Shubhankar Khare","github":"iamshubhankarkhare","bio":"He is a passionate full stack web developer from India. He loves learning new technologies and is an open source enthusiast.","avatar":null}}}},"pageContext":{"id":"cb7b9df3-1aca-5e57-8d28-8bd2cafd9bcc","fields__slug":"/engineering/guest-post/vim-level-up/","__params":{"fields__slug":"engineering"}}},"staticQueryHashes":["1171199041","1384082988","1711371485","1753898100","2100481360","229320306","23180105","528864852"]}