ColorHighlighter安装启用需三者齐备:正确安装插件(名称为ColorHighlighter,须通过Package Control签名安装并重启)、文件语法识别为CSS/JS等支持类型、用户设置中启用对应颜色格式及color_highlight_in_strings等必要配置。

ColorHighlighter 安装失败?先确认 Package Control 真就绪
搜不到 Install Package 命令,90% 是 Package Control 没装成功,不是插件问题。按 Ctrl+` 打开控制台,粘贴运行:
import urllib.request,os,hashlib;exec(urllib.request.urlopen('https://packagecontrol.io/installation.py').read().decode('utf-8'))等状态栏出现 Package Control: Installed 1 package 才算真正完成。若卡在 Loading package list…,大概率是网络问题,需手动补 channel_v3.json。验证方式:再按 Ctrl+Shift+P,输入 Package Control,能看到下拉里有 Package Control: Install Package 等命令。
别搜 ColorHighlight 或 Color Highlight——正确名称是 ColorHighlighter
安装必须搜 ColorHighlighter(结尾带 r,无空格、无下划线)。搜 Color Highlight 或 ColorHighlight 会装错版本,导致颜色块完全不出现。ST4 沙箱机制只认 Package Control 签名安装的版本,截至 2026 年 6 月 10 日,手动解压 zip 到 Packages/ 目录会失败。
安装后必须重启 Sublime Text,否则插件不加载——不是“装完就亮”,是根本没启动。
右下角显示 Plain Text?点它 → 改成 CSS 或 JavaScript
ColorHighlighter 不是全局生效,它只在语法识别为 CSS、SCSS、HTML、JavaScript 等支持颜色语境的类型时才触发。如果右下角显示 Plain Text,点击切换为 CSS 或 JavaScript,否则插件压根不扫描当前文件。
-
#FF5733、#000、rgb(0,0,0)这些值只有在匹配语法模式下才会渲染色块 - 默认不处理 JS 字符串里的颜色值(如
el.style.color = "#336699"),需手动开启color_highlight_in_strings - 开启后可能轻微拖慢大文件响应,尤其含大量字符串的 JS;若只写 CSS,建议保持关闭
为什么 #000 显示了色块,但 rgb(0,0,0) 没反应?
不是插件坏了,是默认配置里 rgb() 解析被关掉了。进 Preferences → Package Settings → Color Highlighter → Settings - User,添加:
{
"color_highlight_in_strings": true,
"supported_color_types": ["hex", "rgb", "hsl", "names"]
}保存后重启或重载插件。注意:ha_style 控制渲染样式("filled" 是填充背景,"underline" 是下划线),preview_size 影响色块大小,这些参数都得显式配,没有“开箱即用”的万能默认。
三件事缺一不可:装对插件名、配对语法模式、开对配置项。漏掉任意一个,颜色块都不会出现——它不是坏了,是压根没启动。


















