必须装emmet和css3（aaronpowell版）两个插件，前者实现缩写展开如d:f→display:flex，后者替换默认语法定义使gap、aspect-ratio等现代属性不标红并支持基础片段补全。
Sublime Text 默认不提供现代 CSS 属性（如 gap、aspect-ratio、backdrop-filter）的语法高亮和补全，装错插件或只装一半，补全框压根不会弹出来——不是你配置漏了，是底层语法定义根本没加载。
必须装哪两个插件？别搜“CSS3 插件”这种词
真正起效且适配 Sublime Text 4 的只有两个：
-
Emmet：负责缩写展开（比如d:f→display: flex），不是补全器，但能大幅减少手敲 -
CSS3（作者 aaronpowell 版）：替换默认的CSS.sublime-syntax，让新属性不标红、支持基础片段（如tran+ Tab →transition）
别搜“CSS3 插件”或“CSS auto complete”，90% 结果是停更包、语法冲突包，或者只改了 snippets 却没动 syntax 定义。打开 Package Control → Install Package，分别搜 Emmet 和 CSS3，认准作者名和蓝色 CSS3 logo。
右下角显示 “CSS” 还是 “CSS3” 决定一切
插件装完不会自动切换已有文件的语法模式。如果右下角显示的是 CSS（不是 CSS3），那所有新属性照样标黄、补全也还是老的。
- 新建
.css文件后，点右下角 → 选CSS3 - 已有
.css文件仍显示CSS：执行View → Syntax → Open all with current extension as… → CSS3 - 用
.module.css、.pcss等非标准后缀？在Preferences → Settings – Syntax Specific里加："syntax": "Packages/CSS3/CSS3.sublime-syntax"（注意路径里是CSS3，不是CSS）
补全不弹？检查 auto_complete_triggers 是否配了冒号
CSS3 插件不改 Sublime 的补全触发逻辑。输 dis 不会出 display，但输 display: 后必须立刻弹值列表——前提是配置对了。
- 打开
Preferences → Settings – User，确保有这段： "auto_complete": true"auto_complete_selector": "source.css -comment""auto_complete_triggers": [ {"selector": "source.css", "characters": ":"} ]- 漏掉
auto_complete_triggers，或把source.css错写成text.html.basic，会导致 HTML 标签名混进 CSS 补全里，结果全是错的
路径补全要额外装 AutoFileName_ST4 分支
背景图路径、@import 路径这类补全，原版 AutoFileName 在 Sublime Text 4 上静默失效——它被编辑器直接忽略，连错误都不报。
- 去 GitHub Releases 下载最新版
auto_file_name.py - 放入
Packages/AutoFileName/目录（文件夹名必须是AutoFileName，不能是AutoFileName_ST4） - 确保最终路径是
Packages/AutoFileName/auto_file_name.py - 重启 Sublime，或在 Console 中执行：
sublime_plugin.reload_plugin("AutoFileName.auto_file_name") - 光标必须在**未闭合的英文引号内**才触发，比如
src="|✅，src=|❌，src="img/logo.png"（已写完）也不触发
真正卡住的点往往不是插件没装，而是语法 scope 没对上、auto_complete_triggers 没配冒号响应、或者路径补全时引号没闭合——这些细节一错，整个补全链就断了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
