/ 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
Оцените статью
techsly.ru
Добавить комментарий