解决 VSCode 中 Tailwind CSS Intellisense 提示失效问题
1 min
使用 VSCode 开发 Tailwind CSS 项目时,发现 Tailwind CSS IntelliSense 扩展无法提供智能提示,通过以下步骤修复:
打开设置 通过快捷键
Ctrl/Cmd + ,
进入 VSCode 设置界面,或点击左下角齿轮图标选择“Settings”。调整
editor.quickSuggestions
配置 在搜索栏输入editor.quickSuggestions
,展开设置选项后找到下方的strings
子配置项,将其值从默认的off
改为on
。此配置允许在字符串(如 HTML 类名)中启用代码提示。重启或重新打开文件 修改后关闭并重新打开当前文件(或重启 VSCode)即可生效。
原理说明
Tailwind 的类名提示依赖于对字符串内容的分析。若 strings
选项为 off
,VSCode 默认不在字符串内提供自动补全,导致扩展无法正常触发。