WebStorm에서 emmet으로 각 태그 뒤에 입력 추가

Question

교육 목적으로 WebStorm을 사용하고 있습니다. Vim, SublimeText 및 Bracket을 emmet 플러그인과 함께 사용했으며 표현식을 확장하면 자동으로 형식이 지정됩니다. 예를 들어, 내가 작성하는 경우 :

nav>ul>li*2>a.item>img.ico+p.txt 

내가 얻을 :

<nav> 
<ul> 
    <li> 
     <a href="" class="item"> 
      <img src="" alt="" class="ico"> 
      <p class="txt"></p> 
     </a> 
    </li> 
    <li> 
     <a href="" class="item"> 
      <img src="" alt="" class="ico"> 
      <p class="txt"></p> 
     </a> 
    </li> 
</ul> 
</nav> 

을하지만 WebStorm에서 내가 얻을 :

<nav> 
<ul> 
    <li><a href="" class="item"><img src="" alt="" class="ico"> 
     <p class="txt"></p> 
    </a></li> 
    <li><a href="" class="item"><img src="" alt="" class="ico"> 
     <p class="txt"></p> 
    </a></li> 
</ul> 
</nav> 

가 나는 형식의 코드가 확대 얻기 위해 할 수있는 구성을 존재 WebStorm의 emmet 표현식?

Answer 1

Settings/Editor/Code Style/HTML에서 코드 스타일 설정을 조정할 수 있습니다.

a 및 img을 Other/Inline elements에서 제외하면 새 줄이 표시됩니다.