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"
  }
}
相关推荐
DY009J19 小时前
C++基础学习——文件操作详解
c++·学习·cocoa·visual studio code
Java陈序员2 天前
Cursor 入门教程!
visual studio code·cursor
Potter2 天前
推荐一款超好用的vscode插件神器,它值得每个程序员拥有
visual studio code
Carolinemy7 天前
VSCode 中AI代码补全插件推荐
前端·visual studio code
木灵鱼儿_前端9 天前
告别手动重启:一键刷新 VS Code 服务的效率神器 —— Restart VSCode Server
visual studio code
bryceZh12 天前
Cursor/VScode+iOS开发工具链
ai编程·xcode·visual studio code
前端工作日常13 天前
我学习到的获取.vsix文件方法
visual studio code
seepine15 天前
VSCode + Md Editor 插件, Typora 的平替方案
markdown·visual studio code
夲奋亻Jay16 天前
VSCode使用插件Github Copilot进行AI编程
visual studio code
xuedaobian16 天前
AI IDE里的 context 工程
人工智能·aigc·visual studio code