问题现象
在使用 VS Code 开发时,Tailwind CSS 的类名自动补全和语法高亮失效。
修复方案
1. 打开 VS Code 设置
- Windows/Linux :快捷键
Ctrl + , - macOS :快捷键
⌘ + , - 或通过
齿轮图标进入设置
2. 调整快速建议设置
- 在设置搜索框输入
Quick Suggestions - 定位到 Editor: Quick Suggestions 配置项
- 展开
字符串配置项的下拉菜单 - 勾选
on(字符串内启用快速建议)
3. 配置详解
对应 settings.json 文件
json
// settings.json
{
"editor.quickSuggestions": {
"strings": "on"
}
}