CSS自动补全靠AutoFileName与CSS3插件组合，前者补路径，后者提供属性/值/函数等上下文感知补全，二者兼容Sublime Text 4且不冲突。

Sublime Text 默认不带完整的 CSS 属性/值自动补全，尤其缺 vendor prefix、现代属性（如 gap、aspect-ratio）和自定义变量支持。靠原生 snippets 效果有限，必须装插件 + 正确配置才能真正提效。

CSS 自动补全靠什么插件？别装错

目前最稳定、更新勤、适配 Sublime Text 4 的是 AutoFileName + CSS3 组合，不是老版本的 Emmet（它主攻 HTML 快速展开）或已停更的 SublimeCodeIntel。

• CSS3 提供标准属性、值、伪类、函数（如 clamp()、max()）的上下文感知补全
• AutoFileName 补上路径补全（比如 background: url( 后自动列出当前项目图片文件）
• 二者不冲突，且都支持 Sublime Text 4 的 LSP 兼容层；别装 SublimeLinter-css——那是校验用的，不提供补全

安装后要手动开启 CSS 补全触发

装完插件默认不会“自动弹出”，需确认两个关键开关是否打开：

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

• 确保当前文件语法是 CSS（右下角状态栏显示 “CSS”，不是 “Plain Text”；可按 Ctrl+Shift+P → 输入 Set Syntax: CSS 强制切换）
• 检查设置里是否启用内联补全：

  {
      "auto_complete": true,
      "auto_complete_selector": "source.css -comment",
      "auto_complete_triggers": [
          {
              "selector": "source.css",
              "characters": ":"
          }
      ]
  }

  如果没这段，直接加进 Preferences.sublime-settings 用户配置
• 别依赖 Tab 键：CSS 补全默认在输入冒号 : 后立刻触发；输 dis 不会出 display，但输 display: 就会弹属性值列表

补全不准？大概率是作用域或文件关联错了

常见现象：.scss/.less 文件里没补全，或 Vue/HTML 中 <style> 块失效。这不是插件问题，是 Sublime 没把这类内容识别为 CSS 上下文。

立即学习“前端免费学习笔记（深入）”；

• 对于 .vue 文件，在 Package Control 装 Vue Syntax Highlight 插件，并确认其语法定义中 <style> 块 scope 是 source.css（查看菜单 Tools → Developer → Show Scope Name，光标放样式区看输出）
• SCSS 文件需用 SCSS 插件（非 Sass），并确保其语法继承了 source.css 的补全规则；可在 SCSS.sublime-settings 加：

  "auto_complete_selector": "source.scss -comment"

• 别手动改 scope：强行把 text.html.basic 加进 auto_complete_selector 会导致 HTML 标签名也被当成 CSS 补全，结果全是错的

真正卡住的点往往不是插件没装，而是语法 scope 没对上、或者 auto_complete_triggers 没配冒号响应。补全这事，Sublime 靠的是“精准匹配作用域 + 明确触发字符”，不是模糊联想。