Показать весь Sass-nesting-path / уровни в верхней части? - PullRequest
0 голосов
/ 19 июня 2019

Я кодирую некоторые схемы цветов (в Sass), где один класс super-duper-parent контролирует все дочерние элементы.И я все время нахожу себя на экранах, подобных этому:

PhpStorm code

... думая про себя: «Теперь, в какой цветовой схеме я сейчас нахожусь?»,

В настоящее время я исправляю это, разбивая код на несколько файлов, которые вроде бы решают его, но не в идеале.Это означает много переключений файлов.А также, если у меня есть .open - / .closed -класс или .missing - / .present -класс, то я должен найти его и «спуститься по дереву», чтобы убедиться, что я внес изменения вправильное место.Довольно утомительно!

Я надеялся, что смогу найти плагин, который мог бы (в любое время, независимо от того, где находится курсор) отображать уровни вложенности в фиксированной строке состояния в верхней части экрана (вроде как я могу расположить курсор на скобке , чтобы увидеть совпадающий с ).

Пример того, что я пытаюсь найти, если поместить курсор внутрь ul.menu-main__current-menu-item__missing li a {, то тогда в верхней части отобразится строка состояния:

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

Можно ли как-то этого добиться?Если нет, - как мне перестать теряться в моем коде?

Попытки

  • Посмотрел в закладки.
  • Заглянул в свертывание кода.
  • Я пытаюсь Радужные скобки вмомент

Ни один из них не решает проблему, а также мое предложение.

1 Ответ

3 голосов
/ 19 июня 2019

IDE уже может делать это для Sass / SCSS (начиная с 2018.1 или около того, я не помню точный номер версии; мог бы делать это для HTML / PHP в течение длительного времени).

enter image description here

Убедитесь, что вы включили хлебные крошки для языка Sass на Settings (Preferences on macOS) | Editor | General | Breadcrumbs

enter image description here

...