colorhighlighter 插件需正确安装、重启并匹配语法作用域才能生效；确认名称为colorhighlighter，安装后重启，css文件语法设为css，用户设置中添加{"supported_color_types": ["hex", "rgb", "hsl", "names"]}以支持多格式颜色预览。
Sublime Text 默认不提供 CSS 颜色预览功能，必须靠 ColorHighlighter 插件实现——装错名字、没重启、语法识别不对，三者任一出问题都会导致“颜色没反应”，不是插件坏了，是根本没触发。
怎么确认 ColorHighlighter 装对了？
别搜 Color Highlighter 或 ColorPicker，官方唯一正确名称是 ColorHighlighter（结尾无空格、无下划线、无连字符）。安装路径必须是：
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS） - 输入
Install Package→ 选中Package Control: Install Package - 等待列表加载完成，**直接搜
ColorHighlighter**，点击安装
装完必须重启 Sublime Text；否则插件注册失败，命令面板里搜 Color Highlighter 也看不到任何相关命令。
CSS 文件里写 #fff 却没色块？先看右下角语法
ColorHighlighter 不扫描整个文件，只在 Sublime 认为“这里是 CSS”的作用域里工作。常见失效场景：
- 右下角显示
Plain Text或HTML（非style标签内）→ 点它 → 手动选CSS - .vue 文件中
<style></style>块失效 → 语法需设为Vue Component，不是Vue或HTML - 内联
style="color: #000"写在 .html 里却没高亮 → 确保语法是HTML，且插件配置中"enable_on_languages"包含"html"
临时验证：打开任意 CSS 文件，按 Ctrl+Shift+P 输入 Color Highlighter: Highlight 手动执行一次，看是否立刻出现色块。
为什么 rgb(255, 0, 0) 没预览，但 #ff0000 可以？
默认配置只启用 "hex" 类型，rgb()、hsl()、颜色名（如 red）需要手动开启。打开：
Preferences → Package Settings → ColorHighlighter → Settings - User
在右侧用户设置中添加（注意 JSON 格式和引号）：
{"supported_color_types": ["hex", "rgb", "hsl", "names"]}
别漏掉 "hex" —— 如果只写 ["rgb"]，#fff 反而会失效。另外，var(--primary)、$color、color-mix() 等函数/变量永远不支持，这是插件设计限制，不是配置问题。
色块太小、位置偏移、背景透明？别改主题文件
外观由插件自身参数控制，和主题配色方案无关（除非你用的极简主题压根没定义 color_highlighter 作用域）。关键参数：
-
"preview_size"：默认16，可设为20或24加大色块 -
"preview_offset"：若色块盖住文字，尝试-2或2 -
"ha_style"：设为"filled"（填充）、"outlined"（边框）或"underlined"（底线） -
"opacity"：控制背景透明度，范围0.0–1.0，比如0.8
改完保存设置，已打开的 CSS 文件需右键 → Revert File 或关闭重开，缓存才刷新。
真正容易被忽略的是：插件依赖 Sublime 的语法作用域识别机制，而不是正则暴力匹配全文。一旦文件被外部工具修改（比如 Git hook 自动插入 commit hash），或你在终端里用 echo 追加内容，插件可能不会自动重绘——这不是 bug，是 Sublime 的 buffer 事件监听机制决定的。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
