Vim config for web development
- Only one file, you don't need to run any installation script.
- Integration with Git.
- Integration with grep/ack.
- Automatic syntax and codestyle checks.
- Smart autocomplete.
- Tweeks for easier navigation.
- Fully documented.
- Optimized for web development.
- Quick Tab navigation, recent files list, fuzzy search, and other (see the full list of features).
In Vim there is the
leader key, which is by default
\ , but you can change it in any
|▶ File operations|
|Recent Files List||
|FuzzyFinder fo files||
|Show current file in NERDtree in a split||
|▶ JShint/CSSlint navigation|
|Show error window||
|Go to the next line with error/warning||
|Go to the previous line with error/warning||
|Find all refs for the variable under cursor||
|Smart rename a variable and all references to it||
|▶ Code completion|
|▶ Integration with Git|
|Git blame on the current line or all selected line||
|Git add/checkout file||
|Git commit all||
|Git commit -a --amend||
|Toggle comment on the current line||
|Change surrounding symbols (like [ or ")||
|Toggle insert mode||
|Yanking history with Quick navigation||
|Move between splits||
|Quick tab navigation||
I use color scheme “Solarized”, the light version is enabled by default. If you want the dark one, you have to change the following lines:
" Setting up light color scheme set background=light " set highlighting for colorcolumn highlight ColorColumn ctermbg=lightGrey
" Setting up light color scheme set background=dark " set highlighting for colorcolumn highlight ColorColumn ctermbg=darkGrey
Full features list
You just need to place
.vimrc in your home directory, and that's all. All
plugins and dependencies will install automatically upon first vim launch.
Folding is disabled by default, but you may fold any part of JS code according to
the syntax with just
Remember your last editing sessions
When you open file, which you used editted last, vim will open it on the exact same line.
There is a vertical line indicating 80 character limit, it can be seen on the screenshot above.
Vim’s built-in search ignores case by default, but if you use mixed lower/upper-case in the search pattern, it'll be case-sensitive.
It's a bundler, which helps to install other bundles. It's quite smart and works better then vundle.
A popular light/dark color scheme.
Neosnippet is a snippet engine itself, and Vim-snippets — it’s default snippets collection.
This config features snippets, which can be autocompleted by
аnd expanded by
Enter. Here is a full list of snippets.
Provides features like:
- Recent files list (with help of neomru).
- Quick tab navigation.
- Async fuzzySearch (with help of vimproc).
- Grep/Ack integration.
This plugin integrates many spellchekers and syntax checkers and shows you errors when saving or opening a file.
Imroved file-system navigation. Looks pretty much like the standard one but with some cool features like tree navigation, bookmarks, and some more.
Nice and good loking status bar for vim, nicely integrated with syntastic and fugitive.
Provides smart autocompletion.
Provides full integration wit git.
.ternconf — it'll improve autocompletion in your js files as well.
- DelimitMate — provides automatic closing of quotes, parenthesis, brackets, etc., also has some other related features that will make your time in insert mode a little bit easier.
- tcomment — tcomment provides easy-to-use, file-type sensible comments for Vim. It can handle embedded syntax.
- surround is all about “surroundings”: parentheses, brackets, quotes, XML tags, and more. The plugin provides keystrokes to easily delete, change and add such surroundings in pairs.
- MatchTag — highlights the matching HTML tag when the cursor is positioned on a tag. It works in much the same way as the MatchParen plugin.
To install just clone the repo, and place symlink to .vimrc in your home directory. E.g.:
git clone https://github.com/L0stSoul/vim-config.git && ln -s ~/vim-config/.vimrc ~/
NPM is required for some features.
If you want to make some changes, just fork the repo. If these changes will be helpfull to others, don't forget to share it through a pull request :).