sábado, 30 de agosto de 2014

Adicionar o plugin emmet-vim para zencoding no editor de texto vim

Encontrei um plugin para o vim mais interessante que o sparkup, o emmet-vim.
Ele permite fazer o ZenCoding de html e css, tornando-o mais interessante.
O legal é que ele gera aquele texto, Lorem Ipsum, automaticamente, facilitando quando você ainda não tem nenhum conteúdo para sua página.

Para instalar siga os passos abaixo:

Acesse: https://github.com/mattn/emmet-vim/

Caso tenha o git instalado digite o comando
git clone https://github.com/mattn/emmet-vim.git
Caso não tenha, baixe o arquivo zip e descompacte-o

Digite os comandos abaixo:
cd emmet-vim
cp -r plugin ~/.vim/
cp -r autoload ~/.vim/ 



Após digitar os comandos, edite o arquivo de configuração do vim através do comando 




vim /etc/vim/vimrc



 Insira ao final do arquivo a função abaixo:



 function! s:zen_html_tab()

            return "\<c-y>,"

 endfunction

 autocmd FileType html imap <buffer><expr><tab> <sid>zen_html_tab()

 autocmd FileType php imap <buffer><expr><tab> <sid>zen_html_tab()

 autocmd FileType css imap <buffer><expr><tab><tab> <sid>zen_html_tab()

 Feito isso, crie um arquivo html e digite html:5 e pressione a tecla tab. Isso deverá gerar o conteúdo abaixo:

   <!DOCTYPE html>

   <html lang="en">

   <head>

           <meta charset="UTF-8">

           <title></title>

   </head>

   <body>

           

   </body>

  </html>

            

Para gerar o texto Lorem ipsum, digite lorem e a tecla tab. Isso gerará o texto abaixo:



   Dolor voluptatem consectetur dolor laudantium harum quisquam. At aspernatur     ullam maxime nobis nesciunt aliquid non soluta excepturi quos officiis? Porr    o veniam nisi commodi maxime corrupti? Ullam reprehenderit culpa voluptatum     saepe?



Uma lista completa dos comandos do emmet pode ser encontrada no endereço:



http://docs.emmet.io/cheat-sheet/



Referências:

http://mattn.github.io/emmet-vim/ 

http://bling.github.io/blog/2013/07/21/smart-tab-expansions-in-vim-with-expression-mappings/
















Postado por



às







































4 comentários:








  1. Unknown2 de outubro de 2015 às 12:32
    Muy interesante; hace días que he estado intentando instalar emmet en vim, hasta que por fin lo logre, con tu ayuda, gracias y felicidades por por tu blog.
    ResponderExcluir
    Respostas
    1. Unknown7 de outubro de 2015 às 06:56
      Agradeço pelo retorno, é sempre bom saber que através de dicas estamos ajudando outras pessoas que buscam a mesma informação.
      Excluir
  2. Unknown16 de novembro de 2016 às 18:03
    Esse comando ele bloqueia o tab, teria como substituir por alguma outra tecla? Tipo o caps lock?
    ResponderExcluir




























        

      









Assinar:
Postar comentários (Atom)