Sublime Text 的 CSS 属性级自动补全需手动配置触发规则并安装插件，否则 display: 后仅显示历史输入词；须确认语法为 CSS、修正 auto_complete_selector 和 auto_complete_triggers（含 source.css、source.scss、source.css.embedded.html 等作用域），并安装 CSS3 与 AutoFileName 插件，同时启用 auto_complete_commit_on_tab。
Sublime Text 本身不自带 CSS 属性级自动补全，必须手动配触发规则 + 装插件，否则 display: 后永远只弹出你手敲过的单词，不会出现 flex、grid、contents 这类合法值。
为什么 display: 后没补全？检查这三件事
不是插件没装，而是 Sublime 根本没“看到”你在写 CSS：
- 右下角语法显示是
Plain Text或HTML，不是CSS—— 补全静默失效 -
auto_complete_selector还是默认的"source, text"，没覆盖source.css或嵌入场景（如source.css.embedded.html） -
auto_complete_triggers没配":"，Sublime 默认只在空格/换行后扫词，不会监听冒号
auto_complete_triggers 必须加这一条
只加 {"selector": "source.css", "characters": ":"} 不够，很多项目用 SCSS、Vue 单文件或 HTML 内联 style，作用域不同：
- SCSS 文件作用域是
source.scss，得单独加一条：{"selector": "source.scss", "characters": ":"} - Vue 的
<style>块是source.css.embedded.html，要写成：{"selector": "source.css.embedded.html", "characters": ":"} - 别把
auto_complete_triggers和auto_close_tags搞混——后者管 HTML 闭合，和补全无关
CSS3 插件 + AutoFileName 才算真正可用
光靠原生配置只能补你写过的单词；要补标准属性、现代值、函数、路径，必须装两个插件：
立即学习“前端免费学习笔记（深入）”；
-
CSS3：提供gap、aspect-ratio、clamp()、:is()等上下文感知补全，适配 Sublime Text 4 -
AutoFileName：在background: url(后自动列出当前项目图片，支持相对路径补全 - 别装
SublimeCodeIntel或SublimeLinter-css—— 前者已停更，后者只校验不补全
Tab 键不选中补全项？缺了这句设置
很多人按 Tab 只插入制表符，根本原因是没开 auto_complete_commit_on_tab：
- 必须在用户设置里加：
"auto_complete_commit_on_tab": true - 如果装了
AutoFileName，它可能劫持Tab，临时禁用它测试是否冲突 - 某些中文输入法（如搜狗）会拦截
Tab，切英文输入法再试
最容易被忽略的是作用域匹配——哪怕装了 CSS3 插件，只要光标所在位置的 scope 不是 source.css 类型（比如在 Vue 文件里没识别对），补全就完全不工作。按 Ctrl+Shift+P → Developer: Show Scope Name 看一眼，比瞎调配置快十倍。
