What is the best vim configuration for web development?

Question

I am curious to learn Vim and use it as an IDE, because the other editor is a bit heavy. What is the best combination of plugins for Vim to use as PHP, jQuery, HTML and CSS IDE?

Answer 1

Check it:

https://github.com/renownedmedia/Vim-PHP-IDE

And this one:

https://github.com/spf13/spf13-vim

But the rule of thumb is:

Run minimal (default setting) and add as you think. This way, you will better know the inner vim space. And get ideas from other .vimrc files.

Answer 2

IDEs are good if you have some kind of great infrastructure that does a ton of things and complements your code and all this jazz. An IDE is not required in about half the cases, because you are simply editing text files, and most of their functions can be replicated using VIm plugins.

Almost every server has a built-in VIm, so it's nice to know it, so you can do everything from the CLI and be more uber-nerdy. instead of configuring plugins on each server, I use VIm without plugins, my .vimrc is minimal here:

set nocompatible set backspace=indent,eol,start syntax on filetype plugin indent on colorscheme solarized if has('gui_running') set background=light else set background=dark endif let html_use_css=1 set tabstop =4 set shiftwidth=4 set expandtab set number set autoindent set nowrap set backupdir=~/.tmp set directory=~/.tmp " Don't clutter dirs with tmp & swp command! Q q "Bind :Q to :q 

the colorscheme bit is based on the Solarized ethan schoonover theme, everything else sets up tabs and line numbers and all these goodies to learn more in VIm just use :help number or replace the number with what you are looking for.

Note vimbits for some neat .vimrc tricks ...

Answer 3

I like vim, but I will never use it as a complete replacement for the IDE. Use the Netbeans + excelent jvi plugin.

Answer 4

vim has syntax highlighting for all major scripting languages, so by default it will be enough, vim will always remain my favorite text / script editor, but you will always be able to do the work faster using the IDE.

Answer 5

I found the article below to be a great resource in learning how to use vim as an IDE. When writing in the context of python development, most of the functionality can be used for other languages, for example. code completion, folding, code navigation, etc.

http://sontek.net/turning-vim-into-a-momodern-python-ide

Answer 6

I am curious to learn Vim and use it as an IDE, because the other editor is a bit heavy. What is the best combination of plugins for Vim like PHP, jQuery, HTML and CSS IDE?

You cannot reasonably expect Vim to become a full-sized IDE. This is a very powerful editor, but the level of integration ( I in the IDE) that you can expect from Eclipse or NetBeans or something else cannot reach the IDE with Vim.

However, many coders use it daily and do their job. Some use "distributions" like the ones cited in other answers, or Janus , while others prefer to carefully select and select their plugins and fill them in ~/.vimrc themselves, thanks.

Here are a few plugins that I find useful:

• CtrlP for fast and intuitive navigation through buffers / files.
• SnipMate to extend tabs in TextMate
• Surround for managing character pairs
• Syntastic to parse many file types
• TagBar / TagList for code navigation
• Comment for (un) commenting on your code

Vim has built-in tag support, as well as omni completion.

Good luck.

Answer 7

For web development, the zen coding plugin is also very useful.