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"
  }
}
相关推荐
简小瑞3 天前
VSCode 源码解密:一个"无用"属性背后的精妙设计
typescript·visual studio code
星光不问赶路人4 天前
project references在tsserver内工作流程
typescript·visual studio code
珊瑚礁的猪猪侠11 天前
ADB使用指南
python·adb·visual studio code
瑶琴AI前端16 天前
【零成本高效编程】VS Code必装的5款免费AI插件,开发效率飙升!
前端·ai编程·visual studio code
LIUENG18 天前
快速开发一个 VSCode 插件
前端·visual studio code
996终结者24 天前
同类软件对比(四):Jupyter vs PyCharm vs VS Code:Python开发工具终极选择指南
vscode·python·jupyter·pycharm·visual studio code
BD1 个月前
I18n Fast:一个彻底解决了国际化项目痛点的 VSCode 插件
visual studio code
moshuying1 个月前
🚀 从零到一:打造你的VSCode圈复杂度分析插件
visual studio code·cursor
Zayn1 个月前
前端路径别名跳转和提示失效?一文搞懂解决方案
前端·javascript·visual studio code
花载酒1 个月前
10个我离不开的 VSCode 插件
前端·visual studio code