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"
  }
}
相关推荐
阿虎儿16 小时前
免费解锁 GitHub Copilot 无限次使用
visual studio code
Mr_Lucifer1 天前
「一句话」生成”小红书“式金句海报(CodeFlicker + quote-poster-generator)
人工智能·aigc·visual studio code
子玖2 天前
让你的文章里俏皮的添加emoji
程序员·markdown·visual studio code
奔跑路上的Me2 天前
vscode终端显示分支信息在Windows 和 mac电脑上的配置
visual studio code
天朝八阿哥3 天前
使用Docker+vscode搭建离线的go开发调试环境
后端·docker·visual studio code
敲敲敲敲暴你脑袋6 天前
写个添加注释的vscode插件
javascript·typescript·visual studio code
golang学习记6 天前
GitLens 十大神技:彻底改变你在 VS Code 中的 Git 工作流
前端·后端·visual studio code
小兵张健7 天前
为什么我放弃了 JetBrains 系列,转向 VSCode 等衍生物
visual studio code·jetbrains
晚风予星7 天前
Ant Design Token Lens 迎来了全面升级!支持在 .tsx 或 .ts 文件中直接使用 Design Token
前端·react.js·visual studio code
埃博拉酱9 天前
VS Code Remote SSH 连接 Windows 服务器卡在"下载 VS Code 服务器":prcdn DNS 解析失败的诊断与 BITS 断点续传
windows·ssh·visual studio code