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



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



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



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



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





  • surround.ВИМ заключить текст в HTML-теги


  • jslint.ВИМ чтобы проверить наличие ошибок JavaScript с помощью JSLint


  • Эммет.ВИМ для HTML и CSS высокоскоростного кодирования


  • phpfolding.ВИМ для автоматического сворачивания PHP


  • Syntastic для автоматической проверки синтаксиса, например PHP


  • буйный ctags для маркировки широкого спектра языков.


  • Tagbar помогает просмотр / навигация по источнику, отображение подписи вызова в области состояния.

837   9  

9 ответов:

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

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

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

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

Плагины

возбудитель является важным Vim плагин для каждого пользователя. Это помогает сохранить все плагины, которые вам нужно организовать в своих собственных каталогах. Это значительно упрощает удаление плагинов в более позднее время, так как ваши плагины не все живут в одном дереве. Патоген справится, добавив все вместе во время выполнения.

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

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

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

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

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

.параметры vimrc файл config

Encode / Decode HTML to HTML Entities (отлично подходит для написания документации)

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

переключение относительных номеров строк (новый 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/

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

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

ctags ака буйный ctags

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

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

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

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

Это очень полезно при написании глупых HTML-писем.

Comments

    Ничего не найдено.