Aligning Your Code in Vim

Plug 'junegunn/vim-easy-align'

And add the following mappings to your

.vimrc

file

Feel free to change the default mapping

ga

to something you’re more comfortable with.
Note: If you’re not familiar with

nmap

and

xmap

, they’re used to add mappings for normal and visual mode respectively.

While in normal mode type

gaip=

Explanation: Start the EasyAlign command (

ga

) for

i

nner

p

aragraph and align around the

=

sign.

ga=

Explanation: Start the EasyAlign command (

ga

) and align around the

=

sign.

Let’s say for example you want to align javascript module imports around the

from

keyword.

You would use the command

ga<Ctrl-x>from

And once again

ga

is used to enter the EasyAlign mode.

After that, press

Ctrl-x

(Control + x) to enter the

regular expression

mode.

Lastly you can enter whatever you want to align your code around (in this case it’s

from

)

So, for example,

=

(equal) signs are normally aligned to the right while

:

(colons) are aligned to the left.

Note: I’ll be referring to the right & left arrow keys in commands as

->

and

<-

respectively.

ga->:

Align right

ga:

Align left (we don’t have to use

<-

since it’s the default for colons)

To use the live interactive mode you can use the command

:LiveEasyAlign

.

Or you could add the following to your

.vimrc

if you prefer shortcuts.