在顶部显示整个 Sass-nesting-path/levels？

Question

我正在编写一些配色方案（在 Sass 中），其中一个 super-duper-parent-class 控制所有 children。我一直在这样的屏幕上发现自己：

... 心想：'Now, which colorscheme am I in now?'。

我目前正在修复它，将代码拆分成几个文件，这有点解决问题，但不是理想的方式。这意味着很多 file-switching。而且，如果我有 .open- / .closed-class 或 .missing- / .present-class，那么我必须找到那和 'climb down the tree' 以确保我在正确的位置进行更改。相当乏味！

我希望我能找到一个插件，它可以（在任何时候，无论光标在哪里），可以在顶部的固定 status-bar 中显示 nesting-levels屏幕（有点像我可以将光标 放在括号 上以查看 matching one ）。

我要查找的示例是，如果我将光标放在 ul.menu-main__current-menu-item__missing li a { 内，它会在顶部显示 status-bar：

#header >> &.green-colorscheme >> ul.menu-main__current-menu-item__missing li a

我能以某种方式实现吗？如果没有，- 那么我如何停止迷失在我的代码中？

尝试次数

查看了书签。
研究了代码折叠。
我正在尝试 Rainbow Brackets。

None 其中解决了问题以及我的建议。

Answer 1

IDE 已经可以为 Sass/SCSS 做这个了（从 2018.1 左右开始，我不记得确切的版本号；可以为 HTML/PHP 做很长时间）。

确保您在 Settings (Preferences on macOS) | Editor | General | Breadcrumbs

为 Sass 语言启用了面包屑

在顶部显示整个 Sass-nesting-path/levels？

Show entire Sass-nesting-path/levels in the top?

intellij-idea

phpstorm

尝试次数