Полезные плагины Vim для веб-разработки и дизайна (php, html, css, javascript)?

Сейчас я использую surround.vim для добавления текста в теги HTML и плагин, который выделяет текст в соответствии с шестнадцатеричным значением в файл CSS (например, # 888 будет иметь серый фон в файле CSS).

Существуют ли другие полезные плагины для веб-разработки?

Рекомендации

Ниже приведен список плагинов, упомянутых в ответах:

surround.vim, чтобы заключить текст в теги HTML
jslint.vim для проверки ошибок JavaScript с помощью JSLint
Emmet.vim для высокоскоростного кодирования HTML и CSS
phpfolding.vim для автоматического складывания PHP
Syntastic для автоматической проверки синтаксиса, например. PHP
Exuberant ctags для пометки большого массива языков.
Tagbar Помогает просматривать/перемещаться по источнику, отображать подпись вызова в области состояния.

Ответы

Ответ 1

Я написал ответы на этот вопрос и этот вопрос, объяснив, как получить JavaScript синтаксическая проверка/листинг и просмотр исходного кода/список тегов для Vim с помощью управляемой сообществом jshint.com (что намного лучше, чем JSLint IMO) и Mozilla DoctorJS (ранее jsctags).

Ответ 2

Я нахожу Syntastic, чтобы быть достаточно полезным для определения мелких проблем PHP. (и/или смешать его в какой-то форме настройки php -l как: make.) Syntastic также показывает вам аккуратные предупреждения на вашем html.

Ответ 3

Как насчет JSLint прямо в VIM, http://github.com/hallettj/jslint.vim?

Ответ 4

Вот плагины, которые я использую в настоящее время, а также некоторые сопоставления vimrc, чтобы сделать вещи немного проще.

Плагины

Pathogen - это важный плагин vim для каждого пользователя. Это помогает поддерживать все плагины, которые вам нужны, в их собственных каталогах. Это значительно облегчает удаление плагинов позднее, так как ваши плагины не все живут в одном и том же дереве. Pathogen будет обрабатывать все вместе во время выполнения.

Command-T добавляет популярную функцию textmate, которая позволяет легко открывать файлы.

Snipmate дает vim силу textmate как фрагменты.

Sparkup добавляет zencoding в vim, чтобы сделать его быстрее и проще писать HTML.

NERDCommenter позволяет легко переключаться с комментариями блоков кода.

Syntastic добавляет синтаксическую проверку для множества разных типов файлов, и если vim поддерживает знаки, вы получаете маркеры слева от номера вашей строки, сообщающие вам, где ваши ошибки.

Настройки

.vimrc

Кодирование/декодирование HTML на HTML-объекты (отлично подходит для написания документации)

"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> <c-h> :call HtmlEscape()<CR>
map <silent> <c-u> :call HtmlUnEscape()<CR>

Переключить относительные номера строк (новая функция VIM 7.3)

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

Выделите нежелательные пробелы

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

Ответ 5

Мне нравится ZenCoding: http://www.vim.org/scripts/script.php?script_id=2981

Кроме того, для складывания Php: http://www.vim.org/scripts/script.php?script_id=1623

Ответ 6

ctags aka Exuberant ctags

Сообщение в блоге об этом.

В этом сообщении также упоминается плагин taglist, который я еще не использовал.

Ответ 7

NERDTree, minibufexpl

Ответ 8

Очень полезно при работе с html или xml: surround.vim; он позволяет легко добавлять/удалять/изменять любые теги.

Ответ 9

Адаптирован кем-то из паролем моих функций (в свою очередь адаптирован от других), этот плагин позволяет вам превращать "специальные" символы в объекты HTML (и обратно) или URL-адреса Escapes ( и обратно).

Это очень полезно при написании глупых HTML-сообщений электронной почты.