Deixe seu recado
+5511-3582-4187

Recursos poderosos (e escondidos) do Emmet

emmet-logo open-heart-1   Brackets-logo

Quantas vezes uma pessoa pode se apaixonar por uma ferramenta?

ainda na dobradinha Emmet & Brackets….

 

cálculos inline
CMD/CTRL+SHIFT+Y

ex: digite 25/16 e pressione o atalho

 

saltar abertura/fechamento
CMD/CTRL+SHIFT+T

posicione o cursor na tag de abertura/fechamento e pressione o atalho para fazer o cursor saltar entre uma e outra, só vale no HTML, no CSS não funciona…

 

comentário com nome da classe/ID
|c

 escreva o que deseja e acrescente o atalho no final, só vale para blocos individuais.

Ex.: #secundario>p(lorem)*3|c

<div id="secundario">
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime eveniet nulla, saepe ipsa obcaecati animi maiores. Debitis saepe quam, reprehenderit cum enim, minima cupiditate beatae voluptatem voluptatum numquam est et.</p>
 <p>Consequatur non necessitatibus, error. Quas perspiciatis doloremque harum error perferendis debitis voluptate similique repudiandae, temporibus. Ad explicabo, rem eveniet debitis blanditiis voluptas, iusto impedit. Repellendus nam ex hic magnam tenetur.</p>
 <p>Quia velit aliquam, amet quos placeat consequuntur assumenda id dolores totam possimus accusamus. Doloremque accusamus quos officiis ipsa tempora perferendis, ratione aliquid. Accusantium aspernatur, explicabo minima similique eum animi modi.</p>
</div>
<!-- /#secundario -->

 

a dica veio daqui: http://www.jordanm.co.uk/post/91335536701/emmets-hidden-power-features muito obrigada! // thanks a lot 🙂

divirtam-se!

bjs

ana laura gomes

🙂

ps – lembre-se que o próprio brackets tem seus atalhos, https://github.com/adobe/brackets/wiki/Brackets-Shortcuts. destacando:
CMD+\ para comentários
CMD+ALT+clique para seleções em diferentes pontos do código
CMD+CTRL+setaPcimaPbaixo para mover a linha para cima ou para baixo
CMD+D para duplicar uma linha