Plugins Vim for Frontend: It is not common to see FrontEnd developers using Vim on a daily basis, either by fear, afraid to think too complicated, or not knowing all the power that Vim may have after personalising it a bit.
Plugins Vim for Frontend: While in fact, it can indeed be considered a fairly complete IDE with many features, visually appealing, agile, and already old acquaintance of sysadmins and backend developers.
See some of the plugins that make my day to day FrontEnd Developer:
Plugins Vim for Frontend:
Remote repository on GitHub: Pathogen.vim
Pathogen.vim for me is the most important plugin from this list. It has the function to manage all plugins in a specific folder structure, in order to facilitate the installation and updating of plugins, as I explained in the post How to install plugins in Vim. We can say that it is a plugin manager.
Remote repository on GitHub: Emmet.vim
Remote repository on GitHub: NERDTree.vim
NERDTree makes it possible to navigate the project tree through a sidebar and can open multiple files divided into the same terminal window, as the image below:
Remote repository on GitHub : HTML5.vim
HTML5.vim is a simple autocomplete plugin only for HTML tags.
Remote repository on GitHub : HTML5Validator.vim
HTML5Validator.vim uses http://html5.validator.nu API to perform validation of your HTML5. To use the plugin is only run the command: HTML5Validate, and when he finished the validation if there are any errors he informs them within the same Vim.
Remote repository on GitHub: JSLint.vim
Remote repository on GitHub: JSBeautify.vim
Remote repository on GitHub : CSSSyntax.vim
CSSSyntax.vim with this plugin installed Vim can recognize the new CSS3 properties.
Remote repository on GitHub : CSScomb.vim
CSScomb.vim aims to sort and organise your CSS code specifically. It uses the API http://csscomb.com online tool that ranks as the greatest tool in its segment.
The rule that applies the tool to sort and organise your CSS is simple, as the image below demonstrates:
Remote repository on GitHub: SuperTab.vim
SuperTab.vim used as a database to inform you autocomplete suggestions when you press the TAB key, which is the file that you opened in the terminal tab, where you are using your Vim. So, it just makes your typing or refreshes your memory so you or your team has developed in the project.
If you have suggestions of Plugins Vim for Frontend, I created a repository on GitHub.