Tailwind CSS 没有使用“jit”即时模式自动完成
Posted
技术标签:
【中文标题】Tailwind CSS 没有使用“jit”即时模式自动完成【英文标题】:Tailwind CSS no autocomplete with 'jit' Just-In-Time mode 【发布时间】: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
并建议使用。
【参考方案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”即时模式自动完成的主要内容,如果未能解决你的问题,请参考以下文章
Visual Studio 代码 - 使用 Tailwind JIT CSS 在保存时编译
为啥在 Tailwind CSS JIT 模式下保存文件时样式不更新,我需要重新启动服务器?