VS Code 的 CSS 值提示需满足：正确语言模式（CSS/SCSS/LESS）、启用语义化语言服务、settings.json 中开启 "css.suggest.advanced": true 和 "editor.quickSuggestions": {"strings": true}，否则 color: 等属性不弹出 red/#fff 等值提示。
为什么写color:后面不弹出red/#fff等值提示？
这不是插件没装，而是 VS Code 默认对 CSS 的值补全做了保守限制——它只在明确识别为 CSS/SCSS/LESS 语言模式、且启用了语义化语言服务时，才提供颜色、单位、函数等上下文感知提示。纯文本或错误的语言模式下，连display: flex都可能只补flex两个字母，不带描述和合法性校验。
- 点右下角语言模式，确认显示的是
CSS（不是Plain Text或PostCSS） - 确保已安装官方扩展
ES7+ React/Redux/React-Native snippets（提供基础属性缩写）和Auto Rename Tag（间接提升样式编辑连贯性），但真正驱动值提示的是内置的 CSS 语言服务器，无需额外安装“CSS补全插件” -
editor.quickSuggestions必须对strings开启：否则引号内（如url("")、var(--)）完全不触发补全
如何让background自动提示linear-gradient语法和颜色停靠点？
CSS 值提示依赖语言服务器对函数签名的解析能力。默认只提示顶层关键字（如none、inherit），要展开到函数内部结构，得靠扩展激活“嵌套建议”并配合正确配置。
- 在
settings.json中添加："css.suggest.basicProperties": false,
关闭基础属性兜底，强制走语义分析路径 - 启用
css.suggest.colorDecorators（默认开启），让颜色值旁显示色块预览，同时反向增强颜色类提示权重 - 输入
background: linear-gradient(后按Ctrl+Space，若仍无参数提示，说明当前文件未被识别为完整 CSS 上下文——检查是否漏了.css后缀，或被emerald等主题插件劫持了语言模式
@media (min-按Tab不补全width？检查这三项设置
媒体查询条件补全是 CSS 语言服务器最易失效的环节，原因往往不在插件，而在编辑器对“触发字符”的响应逻辑被覆盖或抑制。
- 确认
editor.suggestOnTriggerCharacters为true（默认开启，但某些工作区设置会覆盖） - 检查是否有其他扩展注入了冲突的触发逻辑，例如旧版
CSS Peek或自定义 snippet 扩展，临时禁用它们再测试 - 关键项：
"css.suggest.advanced": true—— 这个开关控制是否启用媒体特性、自定义属性、容器查询等高级语法补全，VS Code 1.86+ 版本后默认false，必须手动打开
为什么grid-template-areas里双引号内不提示已定义的区域名？
这类补全需要语言服务器建立跨声明的符号引用关系，而 CSS 目前仅支持单文件内引用（如 @keyframes 名、--custom-property）。grid-template-areas 的字符串内容属于“自由文本”，不参与符号表注册，所以不会提示已定义的区域名。
立即学习“前端免费学习笔记（深入）”；
- 这是 CSS 语言服务的能力边界，不是配置问题，目前没有扩展能突破此限制
- 替代方案：用
/* @area header */注释标记区域，在同文件内搜索跳转，比依赖补全更可靠 - 若项目用 PostCSS +
postcss-nested，补全行为会进一步降级——此时应切换语言模式为PostCSS并安装对应语法高亮扩展，但值提示依然弱于原生 CSS
CSS 补全的复杂点在于它混杂了静态关键字、动态函数、自由字符串和未来语法，语言服务器必须在“安全提示”和“过度猜测”间反复权衡。最容易被忽略的是：哪怕所有设置都对，只要文件没保存（即无扩展名）、或被误设为 HTML 模式嵌入，整套提示链就直接断掉。
