为啥 tailwindcss 支持在 PhpStorm 2019.3.4 中不起作用？

Posted 2023-03-06

【中文标题】为啥 tailwindcss 支持在 PhpStorm 2019.3.4 中不起作用？

【英文标题】：Why tailwindcss support does not work in PhpStorm 2019.3.4?为什么 tailwindcss 支持在 PhpStorm 2019.3.4 中不起作用？

【发布时间】：2021-06-29 07:07:36

【问题描述】：

在 phpStorm 2019.3.4 中，我使用 tailwindcss 2 在 laravel 8 应用程序中，我安装了 tailwindcss 插件 我发现：Tailwind Formatter、Tailwind CSS Smart Completions、Tailwind Intellisense 但是在很多情况下，当我需要它时，我在我的 PhpStorm 中看不到任何 tailwindcss 支持。在 Blade.php 文件中具有类似的行

  ... 
  <div class="my-2 w-100 admin_content_text_color">
</div>
  ...

在类定义的末尾添加“px”我想在现有的顺风中看到自动完成提示 类

我的自定义资源/css/app.css中的Simialr

.editor_form_inactive_tab 
    @apply text-gray-400y;

输入“text-red-”我没有看到任何我期望的自动完成提示。 在我的 webpack.mix.js 我有：

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        require("tailwindcss"),
    ]);

似乎我上面写​​的所有已安装的插件都没有在设置中添加任何附加选项？

谢谢！

【参考方案1】：

PhpStorm 2020.3 中引入了官方 Tailwind 支持（请参阅 https://blog.jetbrains.com/webstorm/2020/11/webstorm-2020-3/），您不能指望它在 v.2020.2 中工作。请考虑升级