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"
  }
}
相关推荐
formulahendry2 天前
为什么全世界都在 Fork 它?VS Code 官方纪录片(中字完整版)正式上线!
微软·visual studio code·vs code
三十而立洋5 天前
知枝 · MindSprout:可以直接将 markdown 转换为思维导图的 vscode 插件
前端·visual studio code
formulahendry9 天前
在 VS Code 里自由切换 Copilot、Claude、Codex、OpenCode、Pi、Kimi、Qwen:任何 Agent 都能接
visual studio code·vs code·acp
开开心心就好11 天前
打印机卡住打不了?一键清理卡死打印队列
服务器·开发语言·算法·pdf·ocr·idea·visual studio code
free-elcmacom1 个月前
手撕 memcpy 和 memmove:从字节级拷贝到内存重叠的终极较量
c语言·开发语言·青少年编程·visual studio code·visual studio
free-elcmacom1 个月前
发际线警告!手撕《C陷阱与缺陷》终极 BOSS:signal 函数与 typedef 魔法
c语言·开发语言·visual studio code·visual studio
前端小白乘风1 个月前
VS Code 终于能连微信了!发现一个硬核开源神仙插件:WeChat AHP
微信·visual studio code·deepseek
free-elcmacom1 个月前
C语言指针进阶——指针数组模拟二维数组,以及二级指针到底怎么理解
c语言·visual studio code
formulahendry1 个月前
微信和 VS Code 强强联合!WeChat AHP 来了
visual studio code·vs code
向北丶1 个月前
vscode 导入语句排序和删除未使用的导入
前端·visual studio code