Przydatne wtyczki Vim do tworzenia i projektowania stron internetowych (php, html, css, javascript)? [zamknięte]

W tej chwili używam surround.vim do załączania tekstu w znacznikach HTML oraz wtyczki , która podświetla tekst zgodnie z wartością szesnastkową w pliku CSS (np. #888 będzie miał szare tło w pliku CSS).

Czy są inne przydatne wtyczki do tworzenia stron internetowych?

Zalecenia

Oto lista wtyczek wymienionych w odpowiedziach do tej pory:

Author: alexchenco, 2010-07-04
Source

9 answers

Napisałem odpowiedzi na to pytanie i to pytanie wyjaśniające, jak uzyskać JavaScript sprawdzanie składni / linting i przeglądanie kodu źródłowego / lista tagów dla Vima za pomocą community-driven jshint.com (który jest o wiele lepszy niż JSLINT IMO) i Mozilli DoctorJS (dawniej jsctags).

 9
Author: Ory Band,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 12:18:33

Uważam, że Syntastic jest dość pomocny w wykrywaniu drobnych problemów PHP. (i / lub połącz to z jakąś formą ustawienia PHP-l jako: make.) Syntastic pokazuje również ostrzeżenia tidy w html.

 6
Author: JameyC,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-07-05 07:25:38
 4
Author: Luca Matteis,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-07-04 08:48:24

Oto wtyczki, których obecnie używam, a także niektóre mapowania vimrc, aby ułatwić sprawę.

Wtyczki

Patogen jest niezbędną wtyczką vim dla każdego użytkownika. Pomaga utrzymać wszystkie potrzebne wtyczki uporządkowane we własnych katalogach. To znacznie ułatwia odinstalowanie wtyczek w późniejszym czasie, ponieważ wtyczki nie wszystkie żyją w tym samym drzewie. Patogen poradzi sobie z dodawaniem wszystkiego razem w runtime.

Command-T dodaje popularną funkcję textmate, która ułatwia otwieranie plików.

Snipmate daje Vimowi moc textmate jak urywki.

Sparkup dodaje zencoding do Vima, aby szybciej i łatwiej pisać HTML.

NERDCommenter ułatwia przełączanie komentowanych bloków kodu.

Syntastic dodaje sprawdzanie składni do wielu różnych typów plików, a Jeśli vim jeśli obsługa znaków jest włączona, po lewej stronie numerów linii wyświetlane są znaczniki informujące o błędach.

.vimrc config settings

Kodowanie / dekodowanie HTML do encji HTML (Świetne do pisania dokumentacji) 

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

Przełącz względne numery linii (nowa funkcja VIM 7.3) 

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

Podświetl niechciane białe spacje 

"HIGHLIGHT POTENTIALLY UNWANTED WHITESPACE
highlight BadWhitespace term=standout ctermbg=red guibg=red
match BadWhitespace /[^* \t]\zs\s\+$\| \+\ze\t/
 4
Author: Brian Wigginton,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-02-01 03:05:19
 3
Author: Drasill,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-07-04 09:28:06
 3
Author: Flavius Stef,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-07-04 09:46:13

Ctags vel Exuberant ctags

Blog o tym.

Ten wpis na blogu wspomina również o wtyczce taglist , której jeszcze nie używałem.

 3
Author: George Marian,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-07-04 09:56:20

Bardzo pomocny przy radzeniu sobie z html lub xml: surround.vim; pozwala łatwo dodawać/usuwać / zmieniać wszelkiego rodzaju tagi.

 0
Author: matias,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-07-06 17:03:17

Zaadaptowane przez kogoś innego z kilka moich funkcji (z kolei zaadaptowane od innych), Ta wtyczka pozwala zamienić "specjalne" znaki w encje HTML (i z powrotem) lub ucieczki URL (i z powrotem).

Jest to niezwykle przydatne podczas pisania głupich wiadomości HTML.

 0
Author: romainl,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-09-24 07:02:54