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"
  }
}
相关推荐
Ynov17 小时前
详细解释api
javascript·visual studio code
程序员Bears15 天前
现代前端工具链深度解析:从包管理到构建工具的完整指南
前端·python·visual studio code
formulahendry16 天前
把 MCP Server 打包进 VS Code extension
visual studio code·vs code·mcp
程序员Bears18 天前
深入理解CSS3:Flex/Grid布局、动画与媒体查询实战指南
前端·css3·媒体·visual studio code
优弧18 天前
VSCode配置重置完全指南
visual studio code
H5开发新纪元18 天前
VS Code 插件开发实战:代码截图工具
javascript·visual studio code
程序员Bears19 天前
HTML5 新特性详解:语义化标签、表单与音视频嵌入
前端·html·html5·visual studio code
demo007x19 天前
四、从 0 开始构建一个代码库-向量数据库的选择与集成
visual studio code·cursor·trae
hepherd21 天前
Flutter 环境搭建 (Android)
android·flutter·visual studio code
YiSLWLL21 天前
使用Tauri 2.3.1+Leptos 0.7.8开发桌面小程序汇总
python·rust·sqlite·matplotlib·visual studio code