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

前景

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

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

解决方法

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

延伸

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

相关推荐
charlee441 小时前
行业思考:不是前端不行,是只会前端不行
前端·ai
Amodoro2 小时前
nuxt更改页面渲染的html,去除自定义属性、
前端·html·nuxt3·nuxt2·nuxtjs
Wcowin2 小时前
Mkdocs相关插件推荐(原创+合作)
前端·mkdocs
伍哥的传说3 小时前
CSS+JavaScript 禁用浏览器复制功能的几种方法
前端·javascript·css·vue.js·vue·css3·禁用浏览器复制
lichenyang4533 小时前
Axios封装以及添加拦截器
前端·javascript·react.js·typescript
Trust yourself2433 小时前
想把一个easyui的表格<th>改成下拉怎么做
前端·深度学习·easyui
三口吃掉你3 小时前
Web服务器(Tomcat、项目部署)
服务器·前端·tomcat
Trust yourself2433 小时前
在easyui中如何设置自带的弹窗,有输入框
前端·javascript·easyui
烛阴4 小时前
Tile Pattern
前端·webgl
前端工作日常4 小时前
前端基建的幸存者偏差
前端·vue.js·前端框架