在 WebStorm 中使用 emmet 在每个标签后添加回车

Question

我将 WebStorm 用于教育目的。我使用了 Vim、SublimeText 和 Brackets with 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 中调整代码样式设置。

在您的情况下，您将从 Other / Inline elements 中排除 a 和 img，这样它们就会换行。

在 WebStorm 中使用 emmet 在每个标签后添加回车

Add enter after each tag with emmet in WebStorm

webstorm

emmet