Question

假设您在ul列表中，并且想要折叠li中的所有ul元素，即如何使用PhpStorm折叠所有相同级别的元素？

<ul>
            <li class="webdesign">
                <a href="http://www.youtube.com/embed/c9MnSeYYtYY?autoplay=1" rel="portfolio" class="folio iframe">
                    <img src="portfolio/3-thumb.jpg" alt="" >
                    <h2 class="title">Snow time</h2>
                    <span class="categorie">Webdesign</span>
                </a>
            </li>
            <li class="photoghraphy">
                <a href="http://www.google.com" rel="portfolio" target="_new">
                    <img src="portfolio/2-thumb.jpg" alt="" >
                    <h2 class="title">Help us</h2>
                    <span class="categorie">Photography</span>
                </a>
            </li>
            <li class="animation print">
                <a href="portfolio/4.jpg" rel="portfolio" class="folio">
                    <img src="portfolio/4-thumb.jpg" alt="" >
                    <h2 class="title">Sunshine</h2>
                    <span class="categorie">Print / Animation</span>
                </a>
            </li>
</ul>

Answer 1

在折叠标记[-]（位于编辑区域边缘）上使用 Alt +单击折叠<ul>元素...然后以正常方式展开（只需点击）。

来自https://www.jetbrains.com/help/phpstorm/2016.3/code-folding.html#folding_means

如果您按住Alt键并点击[+] / [-]图标，则该地区会以递归方式折叠或展开，即连同其所有下属区域。

所以背后的想法是：崩溃元素和所有孩子，然后扩展只是顶级元素。

P.S。而不是 Alt + Click （涉及鼠标使用），您可以只使用键盘快捷键进行Collapse Recursively操作。

仅使用键盘快捷键的Nuance是：您必须首先将插入符号放在该顶行...这也可能涉及很少的按键。

在PhpStorm中折叠当前级别块（兄弟元素）

1 个答案: