DIG RUBYGive back to community

When we install vim plugin we need copy files to different folders, it’s hard to keep it up-to-date. As lot’s of vim plugin have github repository. we can use git submodule and vim plugin pathogen to keep your plugin up-to-date.

Add bundle support for vim

Fortunately Tim Pope wrote a plugin called pathogen ,which make things easier.

In the home page of the plugin you can find fully install details.

After you add this plugin you can manage your vim plugin in on .vim/bundle folder. You can unzip/untar/svn-checkout/git-clone plugin into this folder. pathogen plugin will load it automatically.
this this what your .vim folder structure look like

So we have chance to maintain vim plugin as a whole.

How to add a submodule

For example, we add a git plugin fugitive as a submodule of our vim repository.

If you have already added this plugin, make sure remove folder using

Otherwise you will get error 'fugitive' already exists in the index

Then we add vim-fugitive as submodule

After you add submodule you need register it, using

How to update submodule

If this plugin have updates, you can run

to update your submodule repository

The last step push your changes to github, you will see this in your github repository

How to remove a submodule

There is not efficient way to remove a submodule
* first step is remove references to the submodule in .gitmodules and .git/config.
* Then git rm --cached .vim/bundle/fugitive

Thanks

Last post I introduced a vim javascript plugin called jsBeautify

But you’ll find when you write OO javascript, vim indent is wrong.

There also a vim indent plugin called OOP javascript indentation is want you need

Download the script put at ~/.vim/indent

If you want to format javascript file in vim jsBeautify plugin is want you need.

you can go to http://www.vim.org/scripts/script.php?script_id=2727 download the script.

And place it into your .vim/plugin/

the default shortcut is <leader>ff

If you want to change it, open the jsBeautify plugin file, at the bottom you can find the keymap definition.

It also have a web site to format your js code http://jsbeautifier.org/