Windi CSSWindi CSS Intellisense для VS Code
Windi CSS IntelliSense расширяет возможности разработки Windi, предоставляя пользователям Visual Studio Code расширенные функции, такие как автозаполнение, выделение синтаксиса, сворачивание кода и сборка.
Установка
Установить через Visual Studio Code Маркетплейс →
Установить через Open VSX Registry →
Этот плагин содержит компилятор windicss, поэтому вы можете использовать его без установки windicss, а также поддерживает файл конфигурации (tailwind|windi).config.(js|cjs|ts).
Функции
Автозаполнение
Интеллектуальные предложения по утилитам и вариантам.
Предварительный просмотр при наведении
Просмотрите полный CSS для имени класса, наведя на него курсор.
Подсветка синтаксиса
Выделите утилиты, варианты и важность.
Предварительный просмотр цвета
Предварительный просмотр цвета и спектра.
Сворачивание кода
Сверните слишком длинные классы, чтобы повысить удобочитаемость.
Команды компиляции
Встроенные команды, управление одной клавишей.
Настройки расширения
| Настройки | тип | по умолчанию | описание |
|---|---|---|---|
windicss.enableColorDecorators | boolean | true | Включить цветовые декораторы. |
windicss.enableHoverPreview | boolean | true | Включите наведение className, чтобы показать предварительный просмотр CSS. |
windicss.enableCodeCompletion | boolean | true | Включить / отключить все дополнения кода. |
windicss.enableUtilityCompletion | boolean | true | Включить завершение служебной программы. |
windicss.enableVariantCompletion | boolean | true | Включить завершение варианта. |
windicss.enableDynamicCompletion | boolean | true | Включите динамическое завершение утилит, например, p-${int}. |
windicss.enableRemToPxPreview | boolean | true | Включить предварительный просмотр Rem в Px. |
windicss.enableCodeFolding | boolean | true | Включить сворачивание кода ClassNames. |
windicss.foldByLength | boolean | false | Складной код по длине. Параметр по умолчанию - false, будет сбрасываться по подсчету полезности. |
windicss.foldCount | number | 3 | Используется foldByCount. |
windicss.foldLength | number | 25 | Используется foldByLength |
windicss.hiddenText | string | ... | Заполнитель, используемый при сворачивании кода. |
windicss.hiddenTextColor | string | #AED0A4 | Цвет заполнителя. |
windicss.sortOnSave | boolean | false | Выполняет сортировку классов при сохранении файла. |