web-dev-qa-db-fra.com

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

J'utilise actuellement surround.vim pour insérer du texte dans des balises HTML, ainsi qu'un plugin qui met en évidence le texte en fonction de la valeur hexadécimale du fichier CSS (par exemple, # 888 aura un fond gris dans le fichier CSS).

Existe-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 les balises HTML
  • jslint.vim pour vérifier les erreurs JavaScript avec JSLint
  • Emmet.vim pour le codage à grande vitesse HTML et CSS
  • phpfolding.vim to pour le pliage automatique de PHP
  • Syntastic pour la vérification automatique de la syntaxe, par exemple. PHP
  • (Ctags exubérants } _ pour le balisage d'un large éventail de langues.
  • (Barre d'étiquette) Aide à visualiser/naviguer dans la source, affiche la signature d'appel dans la zone d'état.
javascriptvimplugins
62
alexchenco

J'ai écrit des réponses pour cette question et cette question expliquant comment obtenir JavaScript vérification de la syntaxe/linting et navigation dans le code source/tag-list pour Vim en utilisant la communauté -driven jshint.com (ce qui est bien meilleur que JSLint IMO) et le DoctorJS (anciennement jsctags de Mozilla).

9
Ory Band

Je trouve que Syntastic est assez utile pour détecter les problèmes mineurs PHP. (et/ou mélangez-le avec une certaine forme de réglage de php -l sous la forme: make.) Syntastic vous indique également de ranger les avertissements sur votre code HTML.

6
JameyC

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

4
Luca Matteis

Voici les plugins que j'utilise actuellement ainsi que quelques mappages vimrc pour faciliter les choses.

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 facilite beaucoup la désinstallation ultérieure des plugins, car ils ne vivent pas tous dans le même arbre. Pathogen se chargera de tout ajouter au moment de l'exécution.

Command-T ajoute la fonctionnalité populaire de textmate facilitant l’ouverture de fichiers.

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

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

NERDCommenter facilite le basculement des blocs de code commentés.

Syntastic ajoute la vérification de la syntaxe à de nombreux types de fichiers. Si vim a activé la prise en charge des signes, vous placez des marqueurs à gauche de vos numéros de ligne vous indiquant où sont vos erreurs. 

.vimrc paramètres de configuration

Encoder/décoder HTML en entités HTML (idéal pour la rédaction de documentation)

"EASILY ESCAPE OR UNESCAPE HTML
function HtmlEscape()
  silent s/&/\&/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> <c-h> :call HtmlEscape()<CR>
map <silent> <c-u> :call HtmlUnEscape()<CR>

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

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

Souligner les espaces non désirés

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

J'aime ZenCoding: http://www.vim.org/scripts/script.php?script_id=2981

Aussi, pour plier Php: http://www.vim.org/scripts/script.php?script_id=1623

3
Drasill

ctags aka Ctags exubérants

Un article de blog à ce sujet.

Cet article de blog mentionne également le plugin taglist , que je n'ai pas encore utilisé.

3
George Marian

NERDTree , minibufexpl

3
Flavius Stef

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

Ceci est extrêmement utile lors de l’écriture d’emails HTML stupides.

0
romainl

Très utile pour traiter avec HTML ou XML: surround.vim ; cela permet d'ajouter/supprimer/changer facilement tout type de balises.

0
matias