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/ 文件夹，它不需要。

Tailwind CSS 没有自动完成 'jit' 即时模式

Tailwind CSS no autocomplete with 'jit' Just-In-Time mode

jit

webstorm

postcss

tailwind-css