VS Code 中 Tailwind CSS 类名自动补全和语法高亮失效

问题现象

在使用 VS Code 开发时,Tailwind CSS 的类名自动补全和语法高亮失效。

修复方案

1. 打开 VS Code 设置

  • Windows/Linux :快捷键 Ctrl + ,
  • macOS :快捷键 ⌘ + ,
  • 或通过 齿轮图标 进入设置

2. 调整快速建议设置

  1. 在设置搜索框输入 Quick Suggestions
  2. 定位到 Editor: Quick Suggestions 配置项
  3. 展开 字符串 配置项的下拉菜单
  4. 勾选 on(字符串内启用快速建议)

3. 配置详解

对应 settings.json 文件

json 复制代码
// settings.json
{
  "editor.quickSuggestions": {
    "strings": "on"
  }
}
相关推荐
你脑门上的脚印7 小时前
VSCode 更新后 Cmd(Ctrl)+点击终端地址在编辑器内部打开?一个设置帮你搞定
visual studio code
慢功夫2 天前
开篇:VS Code 为什么不是一个普通 React App
前端·visual studio code
慕容引刀3 天前
告别Commit信息纠结:使用Git AI Commit插件实现规范化提交
人工智能·git·github·visual studio code·visual studio
慢功夫7 天前
💡【调试】按下 F5 后,mini-vscode 到底做了什么
前端·visual studio code
慢功夫7 天前
按下 F5 后,mini-vscode 到底做了什么?
visual studio code
TT_Close14 天前
别劝退了!5秒搞定 Flutter 鸿蒙 FVM 起跑线
flutter·harmonyos·visual studio code
Flynt22 天前
装上TypeScript 7.0 RC之后,最让我意外不是10倍提速
typescript·visual studio code
golang学习记1 个月前
VSCode 1.124 新特性:使用快捷键重构AI协作的“心流”
visual studio code
WonderThink1 个月前
AI编程:Claude Code + VSCode + CC-Switch
visual studio code
armwind1 个月前
claude code接入deepseek报 “API Error: 400“
visual studio code