Brackets [3] - 플러그인 : Emmet 사용법

Emmet 축약구문( Abbreviations Syntax )

참고사이트 웹페이지:
https://docs.emmet.io/abbreviations/syntax/

구문의 예 )
   <div id="item"></div> /* #item + Tab */
   <div class="item"></div>  /* .item + Tab */
   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium cumque quia, ut! Quibusdam quasi, illum nesciunt hic, distinctio, voluptatibus aliquid ex soluta explicabo aspernatur enim pariatur labore aut accusamus saepe.</p>
   <p>Modi velit quia sint molestiae debitis enim architecto voluptatem voluptate asperiores error voluptas, accusamus et expedita omnis, voluptates soluta, doloribus facere aperiam ipsum nam dolores magni! Tempore tempora at cum.</p> /* p*2>lorem + Tab Key */
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia ratione asperiores eum, cupiditate neque exercitationem? Nihil saepe, in, quos unde ratione ullam ut fugit itaque ad esse repellat, obcaecati similique. /* lorem + Tab */  
  
    <pan class="item"></pan> /* span.item + Tab */
    <a href="">Click me</a>  /* a{Click me} */

Brackets Shortcuts &middot; adobe_brackets Wiki &middot; GitHub.pdf

Brackets Shortcuts ( 브라켓 단축키 일람표 )