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"
  }
}
相关推荐
mwq3012320 小时前
《前端项目技术文档生成器》Prompt(可复用模板)
前端·llm·visual studio code
百分三十七1 天前
Vscode 如何修改插件默认安装地址
前端·visual studio code
洗澡水加冰3 天前
VSCode插件: 自动临时分配Theme以区分不同窗口
前端·typescript·visual studio code
清沫9 天前
VSCode debugger 调试指南
前端·javascript·visual studio code
eason_fan11 天前
Monorepo性能噩梦:一行配置解决VSCode卡顿与TS类型崩溃
前端·typescript·visual studio code
Ethan75012 天前
vscode打开关闭状态栏和修改状态栏背景色
visual studio code
zwq写js12 天前
VSCode定制开发——内置中文翻译插件
javascript·visual studio code
JohnYan16 天前
工作笔记 - WSL端口映射
后端·网络协议·visual studio code
有一只柴犬20 天前
科学休息,我用AI写了个vscode养鱼插件:DevFish发布
程序员·visual studio code
ol木子李lo21 天前
Doxygen入门指南:从注释到自动文档
c语言·c++·windows·编辑器·visual studio code·visual studio·doxygen