Tailwind CSS 的 PhpStorm 自动完成功能无法正常工作
PhpStorm Autocomplete for Tailwind CSS not working
我目前有一个带有 Tailwind 的 NuxtJS (VueJS) 项目(最新版本)。
我正在使用 PhpStorm 作为编辑器。
出于某种原因,我没有为 Tailwind CSS 自动完成建议。
我已经尝试了很多不同的东西(我在 Google 上找到的任何东西)但到目前为止没有任何帮助。
谁能帮我找出问题所在以及如何解决这个问题?
我最近尝试的是 npm ci
和 Invalidate Caches/ Restart 在 PhpStorm 中,但不幸的是没有帮助。
我正在使用最新版本的 PhpStorm。
您使用的是"jit"
模式吗?有了它,代码补全列表非常有限,大多数适用的 CSS 类 都不建议。此问题将在WEB-50318范围内修复,请关注更新
另请注意,当使用最新的 tailwindcss
版本时,补全包括一些 *.test.css
文件中不相关的 CSS 类。这将在下一次 tailwindcss 包更新中修复,请参阅 https://github.com/tailwindlabs/tailwindcss/issues/4393。解决方法:删除 node_modules/tailwindcss/jit/tests/
文件夹,不需要它。
运行 使用 WebStorm 解决了这个问题,之前的答案没有解决我的问题。但是,我能够通过添加 --jit
编译器选项而不是在顺风配置中使用 mode: 'jit'
来解决它。之后重启 WebStorm。
我目前有一个带有 Tailwind 的 NuxtJS (VueJS) 项目(最新版本)。 我正在使用 PhpStorm 作为编辑器。
出于某种原因,我没有为 Tailwind CSS 自动完成建议。 我已经尝试了很多不同的东西(我在 Google 上找到的任何东西)但到目前为止没有任何帮助。
谁能帮我找出问题所在以及如何解决这个问题?
我最近尝试的是 npm ci
和 Invalidate Caches/ Restart 在 PhpStorm 中,但不幸的是没有帮助。
我正在使用最新版本的 PhpStorm。
您使用的是"jit"
模式吗?有了它,代码补全列表非常有限,大多数适用的 CSS 类 都不建议。此问题将在WEB-50318范围内修复,请关注更新
另请注意,当使用最新的 tailwindcss
版本时,补全包括一些 *.test.css
文件中不相关的 CSS 类。这将在下一次 tailwindcss 包更新中修复,请参阅 https://github.com/tailwindlabs/tailwindcss/issues/4393。解决方法:删除 node_modules/tailwindcss/jit/tests/
文件夹,不需要它。
运行 使用 WebStorm 解决了这个问题,之前的答案没有解决我的问题。但是,我能够通过添加 --jit
编译器选项而不是在顺风配置中使用 mode: 'jit'
来解决它。之后重启 WebStorm。