Plugins Vim utiles pour le développement et la conception web (php, html, css, javascript)?

À l'heure actuelle, j'utilise surround.vim pour inclure du texte dans des balises HTML et un plugin qui met en surbrillance le texte selon la valeur hexadécimale dans le fichier CSS (par exemple # 888 aura un fond gris dans le fichier CSS).

Y a-t-il d'autres plugins utiles pour le développement web?

Recommandations

Voici une liste des plugins mentionnés dans les réponses jusqu'à présent:

  • Surround.vim pour inclure du texte dans des balises HTML
  • Jslint.vim pour vérifier les erreurs JavaScript avec JSLint
  • Emmet.vim pour le codage HTML et CSS haute vitesse
  • Phpfolding.vim pour pliage automatique de PHP
  • Syntastic pour la vérification automatique de la syntaxe, par exemple PHP
  • Ctags exubérants pour le marquage d'un large éventail de langues.
  • Tagbar Aide à afficher / naviguer la source, affiche la signature d'appel dans la zone d'état.

J'ai écrit des réponses pour cette question et cette question expliquant comment obtenir la vérification / la linéarisation de la syntaxe JavaScript et la navigation par code source / liste de balises pour Vim en utilisant le jshint.com basé sur la communauté (ce qui est bien meilleur que JSLint IMO) et Mozilla DoctorJS (anciennement jsctags ).

Je trouve que Syntastic est assez utile pour repérer les problèmes mineurs de PHP. (Et / ou mélangez-le avec une forme de réglage de php -l comme: make.) Syntastic vous présente également des mises en garde sur votre html.

Que dire de JSLint dans VIM, http://github.com/hallettj/jslint.vim ?

Voici les plugins que je suis en train d'utiliser ainsi que certains mappages vimrc pour rendre les choses un peu plus faciles.

Plugins

Pathogen est un plugin vim essentiel pour chaque utilisateur. Cela aide à garder tous les plugins dont vous avez besoin, organisés dans leurs propres répertoires. Cela rend beaucoup plus facile de désinstaller les plugins plus tard, puisque vos plugins ne vivent pas tous dans le même arbre. Pathogen s'efforcera d'ajouter tout ensemble au moment de l'exécution.

Command-T ajoute la fonctionnalité de type textmate qui facilite l'ouverture des fichiers.

Snipmate donne à Vim le pouvoir de textmate comme des extraits.

Sparkup ajoute zencoding à vim pour rendre plus rapide et plus facile l'écriture de HTML.

NERDCommenter permet de basculer des blocs de code commentés.

Syntastic ajoute la vérification de la syntaxe à de nombreux types de fichiers différents, et si vim a signé le support activé, vous obtenez des marqueurs à gauche de vos numéros de ligne vous indiquant où sont vos erreurs.

Paramètres de configuration .vimrc

Codage / décodage HTML aux entités HTML (idéal pour la rédaction de documents)

 "EASILY ESCAPE OR UNESCAPE HTML function HtmlEscape() silent s/&/\&amp;/eg silent s/</\&lt;/eg silent s/>/\&gt;/eg endfunction function HtmlUnEscape() silent s/&lt;/</eg silent s/&gt;/>/eg silent s/&amp;/\&/eg endfunction map <silent> <ch> :call HtmlEscape()<CR> map <silent> <cu> :call HtmlUnEscape()<CR> 

Basculer les numéros de ligne relatifs (nouvelle fonction VIM 7.3)

 function! g:ToggleNuMode() if(&rnu == 1) set nu else set rnu endif endfunc nnoremap <CL> :call g:ToggleNuMode()<cr> 

Mettre en évidence les espaces blancs indésirables

 "HIGHLIGHT POTENTIALLY UNWANTED WHITESPACE highlight BadWhitespace term=standout ctermbg=red guibg=red match BadWhitespace /[^* \t]\zs\s\+$\| \+\ze\t/ 

NERDTree , minibufexpl

Ctags aka Exuberant ctags

Un article sur le blog.

Cette publication de blog mentionne également le plugin de liste de balle , que je n'ai pas encore utilisé.

Très utile lorsque vous faites affaire avec html ou xml: surround.vim ; Il permet d'ajouter facilement / supprimer / modifier n'importe quel type de balises.

Adapté par quelqu'un d'autre à partir de quelques fonctions à moi (adapté par d'autres ), ce plugin vous permet de transformer des caractères "spéciaux" en entités HTML (et en arrière) ou en URL (et en arrière).

Ceci est extrêmement utile lorsque vous écrivez des e-mails HTML stupides.