sublime text 默认不提示 css 属性值，因其原生仅支持基础语法高亮和属性名补全，不解析自定义变量、css-in-js 或 postcss/tailwind 配置，需依赖插件如 css completions 或 tailwind css intellisense 并正确配置。
为什么 sublime_text 默认不提示 CSS 属性值？
因为 Sublime Text 原生只做基础语法高亮和简单标签补全，css 语言包默认不加载属性值列表（比如 display: flex 中的 flex），也不识别自定义变量或 CSS-in-JS 场景。它把“补全”这件事交给了插件层，不是靠内置逻辑硬编码的。
常见错误现象：margin: 后敲空格没反应；background: 不弹出 url() 或颜色名；用 @apply（Tailwind）时完全没提示。
- 原生
CSS语法包只补全属性名（如color、font-size），不补全值 - 没有自动识别
custom-properties（--main-color）并用于后续补全 - 不解析
postcss插件链或tailwind.config.js，所以框架类补全必须额外配置
装哪个插件真能补全 CSS 值？
别装 Emmet —— 它只加速写 HTML 和缩写，对 CSS 值补全基本无效；也别信“CSS3 Snippets”这类老插件，它们只是静态代码片段，不感知上下文。
真正起作用的是：AutoFileName（路径补全）、CSS Completions（增强原生补全）、Tailwind CSS IntelliSense（仅 Tailwind）、Color Highlighter（颜色预览）——但注意：前两者需手动启用并调低触发延迟。
立即学习“前端免费学习笔记（深入）”；
-
CSS Completions必须在Preferences → Package Settings → CSS Completions → Settings里把"auto_complete_commit_on_tab"设为true，否则 Tab 键不确认补全 - 如果项目用了
postcss-custom-properties，光装插件没用，得配合css-var-snippets手动维护变量 JSON 文件 -
Tailwind CSS IntelliSense要求项目根目录存在tailwind.config.js，且不能是 ESM 格式（即不能有export default）
怎么让 var(--xxx) 补全生效？
Sublime 不解析 CSS 文件里的 :root 块，也不会读取 postcss 编译流程中的变量注入结果。所谓“补全 CSS 变量”，本质是插件扫描你指定的文件，提取 --xxx 开头的声明，缓存成列表。
实操上只有两个可靠路径：
- 用
css-var-snippets插件，把所有变量集中写进一个css-vars.json，放在项目根目录，插件会自动读取 - 改用
LanguageServer方案：装SublimeLSP+vscode-css-languageserver，但需要 Node.js 环境，且对小项目太重 - 别指望在
.vue单文件组件的<style></style>块里直接补全var(--x)—— 需额外配Vue Syntax Highlight和 LSP 的 scope 映射
示例 css-vars.json 内容：
{
"colors": {
"--primary": "#007bff",
"--success": "#28a745"
}
}
补全慢、卡顿、或者突然失效怎么办？
根本原因通常是插件在后台反复解析整个项目 CSS 文件，尤其当有大量 @import 或嵌套 node_modules 样式时，Sublime 会阻塞 UI 线程。
- 在
Preferences → Settings加这行："auto_complete_delay": 150（单位毫秒），避免打字中途弹窗干扰 - 禁用
Index Files：菜单Project → Index Files → Toggle，关掉后插件不再扫描整个项目找变量 - 删掉
Packages/User/CSS.sublime-settings里任何带"enable_auto_completion"的旧配置，新版插件已不用这个字段 - 如果用了
SCSS，确保Sass插件没和CSS Completions冲突 —— 把Sass的auto_complete设为false
最常被忽略的一点：Sublime 的补全机制依赖文件后缀和 Set Syntax。哪怕你写的是标准 CSS，如果右下角显示的是 Plain Text，所有插件都等于没装。
