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"
  }
}
相关推荐
慢功夫9 天前
💡第七篇:VSCode语言服务中,代码跳转和诊断是怎么做的?
前端·visual studio code
yiyesushu11 天前
GitHub Copilot 在 vscode 中使用之 Prompt
人工智能·visual studio code
程序员Supers13 天前
VSCode 好用插件推荐
visual studio code
慢功夫13 天前
💡第五篇:VSCode插件是如何与主进程通信的?
前端·visual studio code
凉凉的知识库14 天前
用 GPT-5.6 SOL 写了个 VS Code 插件,效果出乎意料
api·测试·visual studio code
土土哥tutuge16 天前
开源项目 Claude Code Notifier Plus:让 Claude Code 真正需要你时再提醒你
ai编程·visual studio code
慢功夫17 天前
💡第四篇:编辑器内核, Monaco model、URI、dirty 状态和 tabs 是怎么协作的?
前端·visual studio code
annekqiu18 天前
VS code 部署agent
github·visual studio code
RequieMa18 天前
再见了,所有的 VS Code 预览窗
visual studio code
mCell20 天前
从 VS Code 学系统架构:回到当时,理解它为什么这样演进
架构·源码阅读·visual studio code