Поддержка синтаксиса

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, предоставляя пользователям расширенные функции, такие как автозаполнение, подсветка синтаксиса и линтинг.

Tailwind CSS IntelliSense extension for Visual Studio Code
  • Автозаполнение. Интеллектуальные предложения по именам классов, а также функции и директивы CSS.
  • Линтинг. Подчеркивает ошибки и потенциальные ошибки как в вашем CSS, так и в разметке.
  • Предварительный просмотр при наведении. Просмотрите полный CSS для имени класса Tailwind, наведя на него курсор.
  • Подсветка синтаксиса. Предоставляет определения синтаксиса, чтобы функции Tailwind выделялись правильно.

Ознакомьтесь с проектом на GitHub, чтобы узнать больше, или добавьте его в Visual Studio Code, чтобы начать работу.

JetBrains IDEs

IDE JetBrains, такие как WebStorm, PhpStorm и другие, включают поддержку интеллектуальных завершений Tailwind CSS в вашем HTML и при использовании @apply.

Подробнее о поддержке Tailwind CSS в JetBrains IDEs