Question

我正在使用WebStorm进行教育。我使用了Vim，SublimeText和Brackets以及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，因此他们会获得一个新行。

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

1 个答案: