在 WebStorm 中每个带有 emmet 的标签后添加 enter答案

【问题标题】：Add enter after each tag with emmet in WebStorm在 WebStorm 中每个带有 emmet 的标签后添加 enter
【发布时间】：2017-02-03 09:35:03
【问题描述】：

我将 WebStorm 用于教育目的。我使用了带有 emmet 插件的 Vim、SublimeText 和 Brackets，当我展开表达式时，它会自动格式化。例如，如果我写：

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 扩展表达式？

【问题讨论】：

标签： webstorm emmet

【解决方案1】：

您可以在Settings / Editor / Code Style / HTML 中调整代码样式设置。

在您的情况下，您将从Other / Inline elements 中排除a 和img，因此它们会得到一个新行。

【讨论】：