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

前景

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

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

解决方法

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

延伸

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

相关推荐
Mores9 分钟前
开源 | ImageMinify:轻量级智能图片压缩工具,为你的项目瘦身加速
前端
执梦起航11 分钟前
webpack理解与使用
前端·webpack·node.js
ai大师11 分钟前
Cursor怎么使用,3分钟上手Cursor:比ChatGPT更懂需求,用聊天的方式写代码,GPT4、Claude 3.5等先进LLM辅助编程
前端
Json_14 分钟前
使用vue2技术写了一个纯前端的静态网站商城-鲜花销售商城
前端·vue.js·html
1024熙14 分钟前
【Qt】——理解信号与槽,学会使用connect
前端·数据库·c++·qt5
少糖研究所15 分钟前
ColorThief库是如何实现图片取色的?
前端
冴羽16 分钟前
SvelteKit 最新中文文档教程(22)—— 最佳实践之无障碍与 SEO
前端·javascript·svelte
ZYLAB18 分钟前
我写了一个简易的 SEO 教程,希望能让新手朋友看完以后, SEO 能做到 80 分
前端·seo
小桥风满袖24 分钟前
Three.js-硬要自学系列4 (阵列立方体和相机适配、常见几何体、高光材质、lil-gui库)
前端·css
深海丧鱼25 分钟前
什么!只靠前端实现视频分片?
前端·音视频开发