63 / 68
63
REVISTA LOCAWEB
<p>Officiis animi
consequuntur iure.</p>
<p>Ea
asperiores aperiam non
necessitatibus?</p>
<p>Expedita iusto
cupiditate eum esse.</p>
</div>
</body>
Ao colocar o cursor na tag
<div class=”wrapper”> e clicar em
Remove Tag, o resultado é este:
<body>
<h1>Title</h1>
<p>Lorem ipsum dolor
sit amet.</p>
<p>Officiis animi
consequuntur iure.</p>
<p>Ea
asperiores aperiam non
necessitatibus?</p>
<p>Expedita iusto
cupiditate eum esse.</p>
</body>
Isso pode parecer simples
demais, mas qualquer programador
que teve de excluir uma tag
aninhada dentro de dezenas de
outras sabe como isso pode facilitar
e evitar erros no processo.
Atalhos de teclado
Usar um comando do
(00(T muitas vezes pode ícar
incômodo ao acessar o
menu a todo momento e
procurar pelo comando
desejado. Boa parte dos
aplicativos onde o EMMET
pode ser instalado permite
que se conígure atalhos
de teclado para itens
de menu, o que acelera
bastante o trabalho.
No Notepad++ é
possível configurar
qualquer item de menu
para determinado atalho de
teclado. Pode-se ajustar os
comandos mais usados para
acessar rapidamente.
A ideia é criar um atalho
para o comando Toggle
Comment, que todo programador
usa, ou deveria usar, a todo
momento, comentando seu
código ou ajustando linhas
de comando para testes. No
menu do Notepad++, clique
em Conígura©·es e Mapa
de Atalhos. A próxima tela
apresenta os atalhos de teclado
já existentes, como Ctrl+O para
abrir um arquivo e Ctrl+N para
um novo arquivo. Para deínir um
atalho para o Toggle Comment
do EMMET, clique em Plugin
Commands. Na tela seguinte,
escolha Toggle Comments e
clique na coluna Shortcut.
Nesse caso, deíniu-se as
teclas Ctrl e / para acessar o
comando Toggle Comments.
Para testar, basta voltar
ao Notepad++, digitar algumas
Sobre o autor
Homero Ottoni é programador e
sócio-proprietário da empresa Make
Media de desenvolvimento web.
LW
No endereço eletrônico
http://docs.emmet.io,há muita informação sobre os recursos da ferramenta
[
COM O EMMET, É POSSÍVEL, POR EXEMPLO,
HABILITAR O RECURSO QUE COMPLETA
UMA DIGITAÇÃO, COMO ASPAS
]
linhas, e Ctrl+/ para ver o
comando em ação.
Linhas para serem
comentadas pelo Toggle
Comments, a partir
das teclas de atalho.
<!-- Linhas para serem
comentadas pelo Toggle
Comments, a partir
das teclas de atalho. -->
Em alguns teclados, pode
ocorrer uma confusão com as
teclas, especialmente teclados
ABNT que têm um mapeamento
diferente. Teste o atalho de
teclado com as teclas adjacentes
se não funcionar com a que
escolheu. Por exemplo, em
um de meus teclados, “Ctrl+/”
funcionava como “Ctrl+;”.
Conclusão
O EMMET tem muitos
recursos úteis, acesse o link
http://docs.emmet.io/para saber
mais sobre funções, ações e
íltros desse excelente aplicativo.
É uma ferramenta muito útil e
eíciente para quem cria códigos
para a web, HTML, CSS, scripts.