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"
  }
}
相关推荐
bug远离Jemma20 小时前
Claude-code-windows安装步骤记录(无翻墙)
visual studio code
码明3 天前
Claude Code 接入 MiniMax API 报错:invalid message role: system (2013) 完整排查记录
visual studio code·claude code
mCell4 天前
我把默认的 code . 换成了 zed .
rust·visual studio code·trae
study-Java6 天前
校园失物招领平台
java·spring boot·vue·intellij-idea·visual studio code
日积月累一点点10 天前
Codebuddy CLI接入第三方模型
visual studio code
沧海一笑-dj10 天前
【Tools】Visual Studio Code UNC host ‘192.168.236.128‘ access is not allowed错误
vscode·visual studio code·host·unc·access is not
formulahendry17 天前
Agent Harness 的 Session Tree View:让每一个 Agent 做自己擅长的事情!
visual studio code·vs code·acp
Dvesiz17 天前
【ClaudeCode平替(免费)】OpenCode 完整安装与 VSCode 使用指南
ide·vscode·编辑器·github·ai编程·claude·visual studio code
阿虎儿22 天前
VSCode 解决 @别名无法跳转问题 | Vue/React 通用最简单方案
visual studio code
前端Hardy24 天前
2026 VSCode 插件终极清单!20 + 款必装神器,开发效率直接封神
visual studio code