Tailwind CSS 没有使用“jit”即时模式自动完成答案

【问题标题】：Tailwind CSS no autocomplete with 'jit' Just-In-Time modeTailwind CSS 没有使用“jit”即时模式自动完成
【发布时间】：2021-08-15 21:33:28
【问题描述】：

我只是在尝试新的 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: {},
      }
    }

【问题讨论】：

这个问题不再有任何用途。对于 Tailwind 3，请参阅文档。 "mode" 已被删除，因为 'jit' 现在是默认设置。 purge 选项已重命名为 content 并建议使用。

标签： webstorm jit tailwind-css postcss

【解决方案1】：

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

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

【讨论】：