it-swarm-pt.tech

Plugins Vim úteis para desenvolvimento web e design (php, html, css, javascript)?

No momento, estou usando surround.vim para incluir texto em tags HTML e um plugin que destaca o texto de acordo com o valor hexadecimal no arquivo CSS (por exemplo, # 888 terá plano de fundo cinza no arquivo CSS).

Existem outros plugins úteis para desenvolvimento web?

Recomendações

Aqui está uma lista dos plugins mencionados nas respostas até agora:

  • surround.vim para incluir texto em tags HTML
  • jslint.vim para verificar erros de JavaScript com o JSLint
  • Emmet.vim para codificação de alta velocidade em HTML e CSS
  • phpfolding.vim para dobrar automaticamente o PHP
  • Syntastic para verificação automática de sintaxe de, e. PHP
  • Ctags exuberantes para marcação de uma ampla gama de idiomas.
  • Tagbar Ajuda a visualizar/navegar pela origem, exibe a assinatura da chamada na área de status.
62
alexchenco

Eu escrevi respostas para esta questão e esta questão explicando como obter JavaScript syntax checking/linting e source-code browsing/tag-list para o Vim usando a comunidade -driven jshint.com (que é muito melhor que JSLint IMO) e DoctorJSdo Mozilla (anteriormente jsctags).

9
Ory Band

Eu acho Syntastic para ser bastante útil em detectar problemas menores PHP. (e/ou misturá-lo com alguma forma de configuração php -l como: make.) Syntastic também mostra avisos arrumados no seu html.

6
JameyC

Como sobre JSLint direito no VIM, http://github.com/hallettj/jslint.vim ?

4
Luca Matteis

Aqui estão os plugins que estou usando atualmente, bem como alguns mapeamentos vimrc para facilitar as coisas.

Plugins

Pathogen é um plugin vim essencial para todos os usuários. Ele ajuda a manter todos os plugins que você precisa organizados em seus próprios diretórios. Isso torna muito mais fácil desinstalar plugins mais tarde, já que seus plugins não vivem todos na mesma árvore. O Pathogen lidará com a adição de tudo junto em tempo de execução.

Command-T adiciona o popular recurso textmate que facilita a abertura de arquivos.

Snipmate dá ao vim o poder do textmate como trechos. 

Sparkup adiciona zencoding ao vim para tornar mais rápido e fácil escrever HTML.

NERDCommenter facilita a alternância de blocos de código comentados.

Syntastic adiciona verificação de sintaxe a vários tipos de arquivos diferentes, e se o vim tiver suporte a sinais ativado, você verá marcadores à esquerda dos números de linha informando onde estão seus erros. 

.vimrc config settings

Codificar/Decodificar HTML para Entidades HTML (Ótimo para escrever documentação)

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

Alternar números de linha relativos (novo recurso VIM 7.3)

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

Destaque espaço em branco indesejado

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

Uma postagem de blog sobre isso.

Esse post também menciona o plugin taglist , que eu ainda não usei.

3
George Marian
3
Flavius Stef

Muito útil quando se trata de html ou xml: surround.vim ; Ele permite adicionar/excluir/alterar facilmente qualquer tipo de tag.

0
matias