Sublime编写CSS的黑科技，自动补全属性太省心-sublime-PHP中文网

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编写css的黑科技，自动补全属性太省心

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，作用域不同：

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

SCSS 文件作用域是 source.scss，得单独加一条：{"selector": "source.scss", "characters": ":"}
Vue 的 <style></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 看一眼，比瞎调配置快十倍。