What——发生了什么
今年tailwindcss发布了v4版本,新建项目发现VS Code中Tailwind CSS IntelliSense插件的代码补全提示功能不生效了
Why——为什么
由于项目中使用了SASS的样式表语言,在引入tailwindcss时,使用的是scss后缀的样式文件,且使用的@use方法,如下图所示:

Tailwind CSS IntelliSense插件似乎产生了一定的识别错误,未识别到项目中使用了Tailwindcss,便未开启相应功能
How——如何解决
将引入tailwindcss的样式文件修改为css后缀,并修改对应方法@import,如下图所示:

如此便恢复了插件的功能启用

评论区