webstorm - Tailwind CSS 没有使用 'jit' 即时模式自动完成

Question

我只是在尝试新的 Tailwind CSS 'jit' 模式，并意识到当切换 Webstorm 无法自动完成 Tailwind CSS 类时。可以解决这个问题吗？

我的 tailwind.config.js;

module.exports = {
  mode: 'jit',
  purge: [
    './public/**/*.html',
    './src/**/*.{js,jsx,ts,tsx,vue}',
  ],
  presets: [],
  darkMode: false, // or 'media' or 'class'
  theme: {...}
...

我的 postcss 配置(在 nuxt.config.js 中)；

postcss: {
      plugins: {
        'tailwindcss': {},
        '@tailwindcss/jit': {},
        autoprefixer: {},
      }
    }

Answer 1

这是一个已知问题:在 "jit" 模式下，代码完成列表非常有限，大多数适用的 CSS 类都没有被建议。这将在 WEB-50318 的范围内修复，请关注更新。

另请注意，当使用最新的 tailwindcss 版本时，补全包括一些 *.test.css 文件中不相关的 CSS 类。这将在下一个 tailwindcss 包更新中修复，请参阅 https://github.com/tailwindlabs/tailwindcss/issues/4393 .解决方法:删除不需要的 node_modules/tailwindcss/jit/tests/ 文件夹。