05. 패키지 에드온 - Xemmet

   패키지 에드온 - Xemmet

Emmet 은 HTML 코드를 Tab 키로 풀어서 작동시킨다.

자주쓰는 div, ul, li, table 에 특히 편한다.

   설치

다운로드)

https://community.komodoide.com/packages/addons/xemmet/

검색 )

퀵 파인더 > Package모드 선택 > Xemmet 검색후 설치

   기본 사용법

ul>(li*5) 입력후 Tab 키 => ul 에 li 5개가 만들어진다. 

 ul>(li.Class*5)

    <ul>

        <li class="Class"></li>

        <li class="Class"></li>

        <li class="Class"></li>

        <li class="Class"></li>

        <li class="Class"></li>

    </ul>

 이렇게 된다.

   선택자

    > child

    + Sibling

    ^ Climb-up / 끊고다시 위로 올라감 div+div>p>span+em^bq

    * Multiplication

    () Grouping / ul>(li>a)*5

    # ID / nav#naviation

    . Class / li.list

    [] Attribute / a[title="myTitle"]

    {} Text contents / li>a>{table}

    $*5 ($반복될때마다 숫자로 치환) / ul>li.item$*5 = li class='item1'

기본적인 사용법 문서는)

https://docs.emmet.io/abbreviations/syntax/

를 참조한다.