it-swarm.com.de

Nützliche Vim-Plugins für Webentwicklung und -design (PHP, HTML, CSS, Javascript)?

Im Moment verwende ich surround.vim zum Einschließen von Text in HTML-Tags und ein plugin , das Text anhand des Hex-Werts in der CSS-Datei hervorhebt (beispielsweise hat # 888 in der CSS-Datei einen grauen Hintergrund).

Gibt es andere nützliche Plugins für die Webentwicklung?

Empfehlungen

Hier ist eine Liste der Plugins, die in den bisherigen Antworten erwähnt wurden:

  • surround.vim um Text in HTML-Tags einzuschließen
  • jslint.vim zur Überprüfung von JavaScript-Fehlern mit JSLint
  • Emmet.vim für HTML- und CSS-Hochgeschwindigkeitscodierung
  • phpfolding.vim zum automatischen Falten von PHP
  • Syntastic für die automatische Syntaxprüfung von z. PHP
  • Üppige ctags zum Markieren einer Vielzahl von Sprachen.
  • Tagbar Hilft beim Anzeigen/Navigieren der Quelle, zeigt die Anrufsignatur im Statusbereich an.
62
alexchenco

Ich habe Antworten auf diese Frage und diese Frage geschrieben, in der erklärt wird, wie JavaScript Syntaxüberprüfung/Linting und Quellcode-Durchsuchen/Tagliste für Vim mithilfe der Community abgerufen wird -driven jshint.com (was viel besser ist als JSLint IMO) und Mozillas DoctorJS (früher jsctags).

9
Ory Band

Ich finde, dass Syntastic ziemlich hilfreich ist, wenn kleinere PHP Probleme entdeckt werden. (und/oder mischen Sie es mit einer Form der Einstellung von php -l als: make.) Syntastic zeigt Ihnen auch aufgeräumte Warnungen auf Ihrer HTML-Datei an.

6
JameyC

Wie wäre es mit JSLint in VIM, http://github.com/hallettj/jslint.vim ?

4
Luca Matteis

Hier sind die Plugins, die ich derzeit verwende, sowie einige vimrc-Mappings, um die Dinge ein bisschen einfacher zu machen.

Plugins

Pathogen ist für jeden Benutzer ein unverzichtbares Vim-Plugin. Es hilft dabei, alle benötigten Plugins in ihren eigenen Verzeichnissen zu organisieren. Dadurch können Sie Plugins zu einem späteren Zeitpunkt einfacher deinstallieren, da Ihre Plugins nicht alle im selben Baum leben. Pathogen wird alles zur Laufzeit hinzufügen.

Command-T fügt die beliebte Textmate-Funktion hinzu, die das Öffnen von Dateien erleichtert.

Snipmate verleiht vim die Fähigkeit eines Textkollegen wie Snippets. 

Sparkup fügt zimcoding zu vim hinzu, damit HTML schneller und einfacher geschrieben werden kann.

NERDCommenter erleichtert das Umschalten von kommentierten Codeblöcken.

Syntastic fügt eine Vielzahl von verschiedenen Dateitypen zur Syntaxprüfung hinzu. Wenn in Vim die Unterstützung für Zeichen aktiviert ist, werden links von Ihren Zeilennummern Markierungen angezeigt, die Sie über den Ort Ihrer Fehler informieren. 

.vimrc Konfigurationseinstellungen

Verschlüsseln/Entschlüsseln von HTML in HTML-Entitäten (ideal für das Schreiben von Dokumentation)

"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>

Relative Zeilennummern umschalten (neue Funktion VIM 7.3)

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

Heben Sie unerwünschte Leerzeichen hervor

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

ctags aka Üppige ctags

Ein Blogpost darüber.

In diesem Blog-Post wird auch das taglist-Plugin erwähnt, das ich noch verwenden muss.

3
George Marian
3
Flavius Stef

Angepasst von jemand anderem aus ein paar Funktionen von mir (wiederum angepasst von anderen ), Mit diesem Plugin können Sie "spezielle" Zeichen in HTML-Entitäten (und zurück) oder URL umwandeln Flucht (und zurück).

Dies ist extrem nützlich, wenn Sie dumme HTML-E-Mails schreiben.

0
romainl

Sehr hilfreich beim Umgang mit HTML oder XML: surround.vim ; Es ermöglicht das einfache Hinzufügen, Löschen und Ändern von Tags.

0
matias