css3autocomplete 插件需手动配置 auto_complete_selector 和 auto_complete_triggers 才能生效,仅安装不配置无法实现 css3 属性补全;必须设 selector 为 "source.css -comment",triggers 包含 {"selector": "source.css", "characters": ":"},并确保未被其他插件覆盖。

Sublime Text 默认不识别 CSS3 新增属性(比如 clip-path、aspect-ratio、container),直接写会没补全、没高亮,甚至被当成错误。装 CSS3Autocomplete 插件能解决,但它的行为和你预期可能有偏差——它不是“自动启用”,也不是“装完就灵”,得手动配对。
为什么装了 CSS3Autocomplete 还没补全?
这个插件本身只提供词表,不接管补全逻辑。Sublime 的补全系统默认只对 source.css 作用,而 CSS3Autocomplete 的触发依赖两个关键配置项:auto_complete_selector 和 auto_complete_triggers。漏掉任意一个,补全就失效。
-
auto_complete_selector必须设为"source.css -comment",否则 HTML 文件里的style标签或内联style=""也会被误触发,补全混入 HTML 标签名 -
auto_complete_triggers必须显式声明,例如[{"selector": "source.css", "characters": ":"}],否则光标停在冒号后不会自动弹出补全框 - 别把
source.css错写成text.html.basic或source.sass,前者导致 HTML 补全污染,后者根本匹配不到 CSS 文件
如何正确安装并激活 CSS3Autocomplete
它不走 Package Control 官方渠道,得手动安装。装错位置或没重启,插件就等于没装。
- 打开 Sublime → Preferences → Browse Packages…,进入
Packages目录(不是Installed Packages) - 新建文件夹,命名为
CSS3Autocomplete(大小写必须一致) - 从 GitHub 下载最新版
css3-completions.py(注意不是整个仓库 ZIP),放入该文件夹 - 重启 Sublime,否则插件不加载;可通过 Preferences → Package Settings 里有没有
CSS3Autocomplete项来验证
补全不出现?检查你的 settings 是否冲突
很多用户装完发现还是没反应,其实是已有设置覆盖了插件的默认行为。尤其当同时装了 AllAutocomplete 或 SublimeCodeIntel 时,补全源会打架。
- 打开 Preferences → Settings(左侧是默认,右侧是用户设置),确认没有全局禁用补全:
"auto_complete": false必须删掉或设为true - 如果用了
AllAutocomplete,它默认也监听source.css,但它的补全优先级更高、词源更杂,容易把flex-direction补成flexDirection(JS 风格)。建议关掉它的 CSS 区域:在用户设置里加"all_autocomplete_ignore_scopes": ["source.css"] - 检查是否有其他插件修改了
auto_complete_selector,比如某些主题或前端工具包会强行重写该值,把它覆盖成空字符串或错误 scope
真正起效的关键不在插件本身,而在 auto_complete_selector 和 auto_complete_triggers 这两个配置是否精准匹配且未被覆盖。很多人反复重装插件,却没意识到问题出在 settings 里那两行不起眼的 JSON。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











