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"
  }
}
相关推荐
Flynt19 小时前
装上TypeScript 7.0 RC之后,最让我意外不是10倍提速
typescript·visual studio code
golang学习记5 天前
VSCode 1.124 新特性:使用快捷键重构AI协作的“心流”
visual studio code
WonderThink6 天前
AI编程:Claude Code + VSCode + CC-Switch
visual studio code
armwind8 天前
claude code接入deepseek报 “API Error: 400“
visual studio code
TT_Close9 天前
别再复制旧 Flutter 工程了,真正拖慢你的不是业务代码
flutter·npm·visual studio code
初出茅庐的16 天前
vscode 的 样式提示失效了!!!
visual studio code
暗冰ཏོ19 天前
ECharts 前端图表开发全攻略:参数配置、项目实战与高级可视化资源整理
前端·vue.js·echarts·visual studio code
bug远离Jemma22 天前
Claude-code-windows安装步骤记录(无翻墙)
visual studio code
码明24 天前
Claude Code 接入 MiniMax API 报错:invalid message role: system (2013) 完整排查记录
visual studio code·claude code
mCell25 天前
我把默认的 code . 换成了 zed .
rust·visual studio code·trae