关于tailwindcssV4版本官方插件没有提示

前景

我在新建项目时使用tailwind的V4版本(之前用的都是V3),咋整都没有代码提示。

经过一顿搜索,查看插件的github评论区,终于找到解决方法了。

解决方法

  1. 在v4版本中,需要特殊设置一下vscode中的配置,在vscode的设置中搜索 tailwindCSS.experimental.configFile
  1. settings.json中打开编辑,把这个配置项修改为当前项目中tailwindcss引入的css文件路径
  1. 这样就正常显示了

延伸

其实这样的话在tailwindcssV3版本就会丢失代码提示,原理还是一样,只是把这个字段修改为当前目录的tailwind.config.js文件路径,可以保存为两个settings.json文件,不同的版本使用不同的配置

相关推荐
你的人类朋友24 分钟前
快速搭建redis环境并使用redis客户端进行连接测试
前端·redis·后端
深蓝电商API1 小时前
实战破解前端渲染:当 Requests 无法获取数据时(Selenium/Playwright 入门)
前端·python·selenium·playwright
bestcxx2 小时前
(二十七)、k8s 部署前端项目
前端·容器·kubernetes
鲸落落丶2 小时前
webpack学习
前端·学习·webpack
excel2 小时前
深入理解 3D 火焰着色器:从 Shadertoy 到 Three.js 的完整实现解析
前端
光影少年3 小时前
vue打包优化方案都有哪些?
前端·javascript·vue.js
硅谷工具人3 小时前
vue3边学边做系列(3)-路由缓存接口封装
前端·缓存·前端框架·vue
β添砖java5 小时前
CSS网格布局
前端·css·html
木易 士心6 小时前
Ref 和 Reactive 响应式原理剖析与代码实现
前端·javascript·vue.js