DEV Community

Cover image for How to make Vim your text editor and customizable IDE
Meet Rajesh Gor
Meet Rajesh Gor

Posted on • Edited on • Originally published at meetgor.com

How to make Vim your text editor and customizable IDE

We all are asked to use visual studio code and other rich looking editors as a beginners text editor or an IDE but that makes a habit of a rich and pleasing interface of running and debugging programs, and that is the reason we don't feel good to use command line or the terminal. Terminal or Command line are quite important to learn and are powerful as well.

Vim is a text editor, not any text editor but a special and one of the fastest out there, if you use it wisely. Vim can be used in the terminal which means it can run terminal commands inside the editor interface. That makes it quite a great option to improve your terminal command skills and also for enhancing your Linux knowledge. You can run program files from vim itself just by a few keystrokes. This text editor is preinstalled in most of the Linux distributions and hence you could quickly edit some files without going anywhere.

So that being said, vim is not easy to learn, you have to put some effort to reap the fruits of saving time in the longer run. It takes time to get used to the commands and key combination of Vim.

Download VIM

But, let us get our feet wet in learning a few commands in Vim.

To download vim you can go to the official Vim website .

Firstly let us understand how to open vim from command line or the terminal

If you are on windows you have to add the vim.exe file's path to the environment variable PATH. After that open CMD or terminal for windows 10 and type vim and enter. You are in Vim.

If you are in Linux or MacOS, then open the terminal and type vim and enter.

After you are in Vim, you will surely be trying to type something right? else you are not a geek ; )

VIM Basics

You won't see anything happening even if you are typing. This is because are 4 basic modes in Vim, understand it like a room. The modes are

  1. Normal Mode

  2. Insert Mode

  3. Command Mode

  4. Visual Mode

Wait a second, you should learn how to move in vim first but you cannot learn everything at once, So take it bit by bit.

To navigate around vim like blazing fast you can use h,j,k and l. I know its wired but you will get used to it.

h -> move left. ( hop left)

l -> move right. (opposite of left)

k -> move up. ( keep it up)

j -> move down. ( jump down!!)

If you want to apply certain movements several times you can use numbers before hjkl to move the number of times in that directon.

Let's say you type 23j , here you will go down 23 lines. You can also use : and number to jump to a particular line of that number, :12 moves you to the 12th line .

The default mode is the Normal mode where you can navigate in your file ,like a passage way between different rooms. Each other mode is accessible via Normal mode. You have to enter normal mode before switching to other three modes. By default after opening vim you are in Normal mode. You cannot start inserting text in the file while being in Normal mode but you can replace text and edit the existing text in the file such as substitution or cut/paste in Normal Mode. Press ESC to enter Normal mode.

The main mode in VIM is Insert mode, where the actual typing and text editing takes place, Enter i to enter insert mode. After entering i you can type anything you want. After you feel satisfied with writing in VIM, you can escape out of the insert mode (room) and enter the normal mode (passage way). Now the biggest question VIM beginners ask "HOW ON EARTH SHOULD I EXIT OUT OF VIM ??" . Take a breath dear, you need to save your file first. To do that let's explore a different mode.

The next crucial mode is Command mode, where you have to remember some commands to do something. Lets continue from where we left. To save our file, Press : and Voila!! you are in Command mode. After it depends you want to save file, quit vim , save file and quit vim or quit vim without saving file. OK that is too much to take in one go. Be sure to be in Command mode to press the following keys (i.e. press colon before any keys if you were in normal mode).

w -> save file.

q -> quit vim.

wq -> save file and quit vim.

q! -> quit vim without saving file.

These are some few of the commands available in VIM :)

So now lets talk about Visual mode, the little helper mode (room) to do cut/ copy in VIM. There are many ways to edit or add text in Visual mode. You have options to choose from character by character, line by line or block by block. To enter Visual mode press v. This gets you into character by character highlighting whether you want to cut the text or copy (yank) the text. After selecting the portion you can either cut that portion or copy it in vim register.

y -> Copy the selected portion.

d -> Cut the selected portion.

You can use V (Shift+V) to enter Line Visual mode, this selects or highlights the portion line by line and not single letter by letter.

You can also use Ctrl+V to enter Block Visual mode, this selects a block of code .

Here is a good way to remember switching between basic modes in VIM ->

image.png

Switching between basic modes in VIM

It seems to be quite slower than VS Code, doesn't it? Ya, I know its kinda slow but with time it picks up pace, just like a train. Spend time in VIM and it will be worth it. No Text editor is so powerful than VIM, it is so for a reason. If you are curious to dive deeper just dive in fully or stay in VS Code and your fancy. There is a great community around VIM and you'll be happy surely to be a part of it. Oh! Quick fact even VS Code has a extension for VIM ;)

Some more Basics

You can do your most of basic programming using this but to be a bit faster you can use some tweaked commands to do stuff like,

I -> Enter insert mode to the character at the beginning. ( i puts you in insert mode to the cursor)

a -> Enter insert mode adjacent right to the cursor.

A -> Enter insert mode at the end of the line.

o -> Enter insert mode a line below cursor.

O -> Enter insert mode a line above cursor.

This commands are an optimized way to enter insert mode in a suitable way. This commands can be used as per needs and quite significantly improve editing speed.

You can also shift from one mode to Normal mode by pressing Ctrl+C or Ctrl+{ . Whatever you feel good with.

Pasting is programmer's everyday tasks. No, its good as a beginner and only if you are not running as it is. In VIM you can paste from your previous copied text using Visual mode or deleted chunk just using p to paste. Remember if you are on a character it will paste on starting from where your cursor is, which means your character on current cursor will be overwritten. You can also use "0p to paste from copied buffer.

If you are pasting from a external source i.e. out of VIM, you have to use "+p . It pastes from the next character from cursor.

If you want to search a word in a file, you can use navigation commands like hjkl but there's a faster way around, If you press / and type the word you are searching for , you will get the first instance of that word. If there are multiple instances of the same word, you can press n to go t the next instance. You can also press Shift+N to move to the previous instance of the word.

Some more word searching ahead. Say if you are already on the word which you want to find its instance, then you could press * to move to its next instance and # will do the same backward. Oh ! that was smooth.

You can see that we are just using our keyboards while using vim. This is a great feature of old but gold text editors like vim and others that make you faster on keyboard and avoid mouse traps.

If you want to jump to the end of the block or a paragraph you can use { and } to go to the beginning and the end of it respectively.

G -> to the end of file.

gg -> to the beginning of file.

L -> move cursor to the end of screen.

:%s/old/new/g
Enter fullscreen mode Exit fullscreen mode

in Command mode -> replace the old word with new word throughout the file(g)

Ctrl p in Insert mode -> auto complete reference from current file.

So these are some quick and pretty good commands to get started with and feel VIM. But this is just VIM used 25% efficiency , you would have to go to the command line or terminal to run and compile program you have written. It could waste a lot of time. But as a beginner this is pretty decent and helps to learn the core programming, behind scenes of compiling and learning new stuff and commands. It gets pretty exciting if you have got the basics cleared. But be sure to make it thorough.

Its time to use VIM to its actual powers. VIM + terminal. It can get quite fast. So beware!!!

Running Programs from VIM

It turns out that you could go to the command mode and run terminal commands from there just use ! before the command first.

Linux/Mac Users: use terminal from vim

:!ls    
Enter fullscreen mode Exit fullscreen mode

Linux : Use terminal commands from vim
Windows : use CMD commands from vim

:!dir
Enter fullscreen mode Exit fullscreen mode

You could also use other command which are appropriate to be executed from vim.

Here is where the trick comes in, you don't have to quit vim now to compile or run the program.

Lets say you are writing a C++/C code and you have clang compiler. Then you could use c++ and c respectively command with appropriate file handles to compile from vim. Here's the command,

:!c++ % -o %:r
Enter fullscreen mode Exit fullscreen mode

Here, % stands for current file and :r removes the extension of the file. So we are creating a executable file without the extension and hence :r. And to execute the file, simply type,

:!%:r
Enter fullscreen mode Exit fullscreen mode

this will execute the program. If Windows users face a issue like the file is not identified as a batch file or executable file , you should add .exe after :r to make it a exe file.

For python or other interpreted language it is quite simple, just the interpreters name with the file name as it is

:!python filename.py
Enter fullscreen mode Exit fullscreen mode
:!python %
Enter fullscreen mode Exit fullscreen mode

You could find your preferred language's CLI tool and set up for your environment and get it plugged with VIM.

Mapping in VIM

But this is not it! There is a long way to master VIM. Its not possible to know everything about anything. So for getting more fast I'll introduce VIM's fastest tool and the part where it really shines. Mapping!!

You could map (assign) some keys to do a particular task in different modes. Just imagine typing cpp and running the program or py and running the program ,no need to go to the mouse to click run button and close the window. It gets really blazing fast. Only your creativity is the limit. Mapping commands are also called as macros.

nnoremap cpp :!c++ % -o %:r  &&  %:r
Enter fullscreen mode Exit fullscreen mode
nnoremap py :!python %
Enter fullscreen mode Exit fullscreen mode

In the above commands nmap means in Normal mode MAP cpp and then followed by the command which for this case it is executed in the command mode. There can be various permutations you could make like imap or xmap in Insertion mode and Visual mode and so on. From mapping ,its basically left hand side mapped to right hand side. The key combination to the left and command to be executed to the right. The noremap makes the map non recursive, which means it makes the keymap only once at a time, this avoid any potential crash of a command with other. There are several options out there to make the keymap suitable for the particular needs.

You will surely say, "Do i have to do it every time I run the program or every time I use VIM?"

Well, You can :) but you should not. Because there's a way around it and this is the fuel of VIM or the soul for its Speed.

Yes, I am talking about VIM CONFIGURATION FILE or vimrc

VIM Run Commands File(vimrc)

This is really a nasty feature of vim. You could tailor you vim editor as per your needs. You have to write the command once and it will run from the vimrc file. Making a vimrc file is a bit overwhelming in the beginning so , you should have a concrete knowledge of VIM commands and you should remember commands as well.

  • Make a file called ~/.vimrc

  • You should be using VIM to edit it or write it of course! Type vim ~/.vimrc in terminal or cmd

  • Enter some commands such as set file type indent on , set number , you can find a sample vimrc file on google and understand its commands and uses.
    Paint your plain canvas vimrc with your own creativity.

From here you can add the mappings and other key combinations that you might have been using while learning VIM to your vimrc.VIM also has plugins and more customizable tweaks that can enhance your productivity.

You could always get more help in VIM by using :help commandname. Also you can learn from vimtutor from terminal or CMD.

If you want to dive in more deeper , i link some few resources and video links to get your vim skills to new level.

VIM Official Documentation.

VIM fandom Wiki

130+ VIM commands.

Vim Interactive Guide.

Vim as your editor.

Vim is a tool that can get quite handy for programmers and it stands out from rest of the text editors. By using Vim you will be in very rare people who can make something from almost nothing. Because in VIM you make everything from commands to mapping from customization to functionality. This cannot be done overnight for sure and you would say you are wasting time in the initial stage but no, you are actually building a foundation for more efficiency and speed. If still you want to use VS Code ,you can use it freely . Because it won't matter much , at the end of the day its programming skills that win the race.

This is quite a huge topic and everything could not be explained in a article, it should be self-explored and learnt from various sources to get its best functioning as per needs. This was a quick guide how and why you should be using VIM as a text editor or as a customizable IDE. As you might have seen its functionality is quite customizable and it is quite powerful tool for a programmer. Happy Coding and VIMing ;)

Top comments (2)

Collapse
 
nd3w profile image
nd3w

Nice way to introduce vim to the beginner. I hope there will be more article for an intermediate users.

Collapse
 
mr_destructive profile image
Meet Rajesh Gor

thanks :) yup sure!