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"
  }
}
相关推荐
草帽lufei16 小时前
VSCode+PicGo实现Markdown图床自动同步
markdown·visual studio code
掘金安东尼1 天前
VSCode V1.107 发布(2025 年 11 月)
前端·visual studio code
单身的人上天堂2 天前
开发中使用iconfont预览太麻烦?我开发了一款VSCode插件来提升效率
前端·javascript·visual studio code
han_2 天前
手把手教你写一个VSCode插件,从开发到发布全流程
前端·javascript·visual studio code
小灰2 天前
VS Code插件的发布与自动化
visual studio code
想努力找到前端实习的呆呆鸟5 天前
vscode编写vue代码的时候一聚焦就代码块变白?怎么回事如何解决
vue.js·visual studio code
xiaok7 天前
vscode终端使用不了npm命令
visual studio code
han_9 天前
开发提效利器 - 用好Snippets
前端·javascript·visual studio code
前端开发爱好者10 天前
VSCode 推出 绿色版!更强!更智能!
前端·javascript·visual studio code
电子_咸鱼11 天前
【QT SDK 下载安装步骤详解 + QT Creator 导航栏使用教程】
服务器·开发语言·网络·windows·vscode·qt·visual studio code