/ vscode-css-peek

Это расширение расширяет возможности редактирования кода HTML и ejs с помощью Go To Definition и Go To Symbol in Workspace для поддержки css/scss/less (классов и идентификаторов), содержащихся в строках внутри исходный код.

Это было в значительной степени вдохновлено аналогичной функцией в скобках, которая называется встроенными редакторами CSS.

Расширение поддерживает все обычные возможности отслеживания определения символов, но делает это для селекторов CSS (классов, идентификаторов и тегов HTML). Это включает в себя:

• Peek: загрузите файл css прямо на месте и сделайте быстрые изменения прямо здесь. ( Ctrl + Shift + F12 )
• Перейти: перейти непосредственно к файлу css или открыть его в новом редакторе ( F12 )
• Hover: отображение определения при наведении курсора на символ ( Ctrl + hover )

Кроме того, он поддерживает поставщик символов, поэтому вы можете быстро перейти к правильному коду CSS/SCSS/LESS, если вы уже знаете имя класса или идентификатора

Конфигурация

• cssPeek.supportTags — Включить просмотр из тегов HTML в дополнение к именам классов и идентификаторам. Компоненты React игнорируются, но рекомендуется отключить эту функцию при использовании Angular.
• cssPeek.peekFromLanguages ​​ — список названий языков vscode, для которых расширение должно можно использовать.
• cssPeek.peekToExclude — список файловых глобусов, который отфильтровывает файлы стилей, которые не нужно искать. По умолчанию node_modules и bower_components

Подробнее см. В документации редактора

• Код Visual Studio: определение перехода
• Код Visual Studio: Peek
• Код Visual Studio: открыть символ по имени

Мы очень ценим вклад. Разветвите репозиторий и отправьте запрос на перенос.

3.0.2

• Используйте Globs для параметров конфигурации вместо RegExp через # 61 ❤ @ arch-stack

2.2.0

• Начальная поддержка JSX через # 49 ❤ @ReiMcCl

2.1.1

• (Временно) исправить ошибку №19 путем обработки ошибок из findDocumentSymbols

2.1.0

• Добавить поддержку для Symbol Provider # 18
  

  

2.0.3

• Исправлена ​​ошибка № 14, из-за которой CSS Peek не работал после любых комментариев HTML.

2.0.2

• Исправить ошибку, ограничивавшую поддержку языка только HTML. Теперь поддерживает все языки, предоставляемые конфигурацией «activeLanguages»

2.0.. 1

• Исправьте ошибку, из-за которой Обзор отсутствовал в Visual Studio Marketplace

2.0.0

• Полная переработка с использованием нового протокола языкового сервера.
• Добавлена ​​поддержка scss
• Добавлена ​​поддержка нескольких определений (обеспечивает все правила CSS, соответствующие селектору )
• Добавлена ​​поддержка селекторов тегов HTML.

1.3.3

• Новый логотип

1.3.0

• Добавить параметр конфигурации для игнорирования файла из поиска CSS

1.2.4

• Решающее исправление ошибки

1.2.3

• Обход ошибки при наличии большого количества файлов

1.2.2

• Лучшее распознавание слова селектора CSS от позиции курсора
• Оптимизировать код для меньшего количества поисков файлов

1.2.1

• Исправить опечатку в README

1.2.0

• Добавить меньше поддержки
• Настроить файл поиска расширения, использующие «css_peek.searchFileExtensions»

1.1.0

• Значок обновления

1.0.0

• Беззастенчиво скопированный код с https://github.com/abierbaum/vscode-file-peek