Поддержка редактора
Плагины и параметры конфигурации, которые могут улучшить опыт разработчика при работе с Tailwind CSS.
Поддержка синтаксиса
Tailwind CSS использует множество пользовательских CSS-правил, таких как @tailwind, @apply и @screen, и во многих редакторах это может вызывать предупреждения или ошибки, если эти правила не распознаются.
Решение почти всегда состоит в том, чтобы установить плагин для вашего редактора/IDE для поддержки языка PostCSS вместо обычного CSS. Например, в VS Code есть плагин PostCSS Language Support, который вы можете использовать, который отлично работает с Tailwind CSS.
В некоторых случаях вам может потребоваться отключить встроенную обработку/проверку CSS, если ваш редактор очень строго придерживается синтаксиса, который он ожидает в ваших файлах CSS.
IntelliSense для VS Code
Официальное расширение Tailwind CSS IntelliSense для Visual Studio Code расширяет возможности разработки Tailwind, предоставляя пользователям расширенные функции, такие как автозаполнение, подсветка синтаксиса и линтинг.
- Автозаполнение. Интеллектуальные предложения по именам классов, а также функции и директивы CSS.
- Линтинг. Подчеркивает ошибки и потенциальные ошибки как в вашем CSS, так и в разметке.
- Предварительный просмотр при наведении. Просмотрите полный CSS для имени класса Tailwind, наведя на него курсор.
- Подсветка синтаксиса. Предоставляет определения синтаксиса, чтобы функции попутного ветра выделялись правильно.
Ознакомьтесь с проектом на GitHub, чтобы узнать больше, или добавьте его в Visual Studio Code, чтобы начать работу.
JetBrains IDEs
IDE JetBrains, такие как WebStorm, PhpStorm и другие, включают поддержку интеллектуальных завершений Tailwind CSS в вашем HTML и при использовании @apply.