css3插件仅替换语法定义和提供代码片段，不支持属性名自动补全；需手动配置auto_complete_selector和auto_complete_triggers才能实现display:后提示flex等值，且语法必须设为css。
装 CSS3 插件 ≠ 有自动补全
很多人装完 CSS3（作者 aaronpowell）后按 Ctrl+Space 没反应，输 dis 不出 display，就以为装错了——其实不是装错，是理解错了它的作用。
-
CSS3插件只做两件事：替换默认语法定义、提供基础代码片段（snippets），比如输d:f+Tab补全display: flex; - 它不修改 Sublime 的补全逻辑，也不往
auto_complete里塞新词条，所以不会在你输tran时弹出transform - 如果你要的是“输入属性名就提示值”（如
display:后立刻列出flex/grid/none），靠的是 Sublime 自身的auto_complete_selector和上下文识别，不是这个插件
真正起效的 CSS 补全配置
Sublime 原生支持 CSS 属性/值补全，但默认开关没开全，必须手动配。
- 确保当前文件语法是
CSS（右下角点开看，不是Plain Text；可按Ctrl+Shift+P→ 输入Set Syntax: CSS强制切换） - 打开
Preferences → Settings – User，确认或加入以下配置：
{
"auto_complete": true,
"auto_complete_selector": "source.css -comment",
"auto_complete_triggers": [
{ "selector": "source.css", "characters": ":" }
]
}
- 关键点：
auto_complete_triggers设了冒号:才触发，所以输display:会弹值列表，但输dis不会弹属性名 - 别把
text.html.basic加进auto_complete_selector，否则 HTML 标签名也会被当 CSS 补全，全是错的
HTML 中补 class 名，得另装插件
Sublime 默认完全不读项目里的 .css 或 .scss 文件，所以你在 class="" 里输 btn，原生不会提示任何类名。
- 装
CSS Class Completions插件（Package Control 可搜到），它会扫描项目内所有.css/.scss/.less文件提取类名 - 装完即用，但新增类后要手动刷新缓存：
Ctrl+Shift+P→ 输入CSS Class Completions: Rebuild Cache - 支持 BEM 风格（
btn__icon、btn--primary），也识别嵌套选择器里的类（如.header .nav-item） - 别指望 Emmet 实现这个功能——
div.btn+Tab是展开，不是从你项目里找真实存在的类
前缀补全和现代属性支持，别靠“一键插件”
想让 gap、aspect-ratio、backdrop-filter 出现在补全列表里？CSS3 插件只管高亮不标红，不管补全内容。
- 最稳方案是用
AutoFileName+CSS3组合：AutoFileName补路径（如url(后列图片），CSS3提供函数、伪类、现代值等上下文补全 - 浏览器前缀（
-webkit-等）根本不是补全问题，而是构建阶段的事——推荐用 PostCSS +autoprefixer构建系统，而不是装所谓“Autoprefixer 插件” - 如果硬要用插件方式加前缀，务必检查
node_path设置是否正确（Preferences → Package Settings → Autoprefixer → Settings – User），否则快捷键Ctrl+Alt+X会静默失败
最容易被忽略的一点：所有补全是否生效，第一判断标准永远是右下角显示的语法名——不是 CSS，后面配再对也没用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
