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"
  }
}
相关推荐
前端Hardy2 天前
2026 VSCode 插件终极清单!20 + 款必装神器,开发效率直接封神
visual studio code
TT_Close6 天前
在 VSCode 里点一下,8 个商店同时传完了
app·visual studio code·全栈
formulahendry8 天前
ACP UI 大战 VS Code Agents app:谁才是真正的跨平台 Agent 客户端?
visual studio code·vs code·acp
golang学习记9 天前
五年, Zed 1.0正式发布:VS Code慌了?
visual studio code
成都易yisdong15 天前
纬地、鸿业、海地、CASS等横断面数据互转工具V3.2——测绘与道路设计人员的效率神器
c#·visual studio code
Jenlybein16 天前
速学 VS Code 插件开发入门,客制化你的开发体验
前端·javascript·visual studio code
酿情师18 天前
OpenCode 详细入门指南,从安装到使用保姆级教程
vscode·visual studio code·cli·opencode
golang学习记20 天前
☕️➡️🚀 Java 一键转 Kotlin?VS Code 这个新插件太香了!
intellij idea·visual studio code
formulahendry22 天前
OpenClaw 已过时?在 VS Code 中运行 Hermes Agent!
visual studio code·vs code·acp
iDao技术魔方24 天前
Bun v1.3.12 深度解析:新特性、性能优化与实战指南
开发语言·javascript·visual studio code