colors - 如何让 Color Highlighter 包起作用

Question

sublime text包Color Highlighter看起来很有用。但是，它的行为似乎并不像文档中描述的那样。

根据文档:

Usage :

Just click or move the cursor (or multiple cursors) on the color code e.g. “#FFFFFF” or “rgba(255, 0, 0, 0.7)” or variable with color code value and it'll be highlighted with its real color. "

异常行为:

• 当我点击颜色时没有任何反应(文档中的 gif 动态显示突出显示，这根本没有发生)。

• 我可以手动从下拉菜单中获取要突出显示的颜色，但我需要再次单击菜单以使其停止突出显示，即使文本已更改也是如此。

• 菜单中似乎也没有保留给定突出显示样式的选择。以下是先前选择“已填充”后菜单的显示方式(没有复选标记，通常与其他菜单项一起出现)。

• 也没有间距突出显示。

相关设置:

• imagemagick-6.9.6-5
• 操作系统 10.11.6
• Sublime text 3- Build 3126(也试过 Build 2221，结果相同)

NOTE: Same behavior using Windows 7 with latest install of Sublime Text 3 and Color Highlighter

Answer 1

您没有正确设置 Color Highlighter 插件以从 ImageMagick 中找到 convert 实用程序的完整路径。在 Sublime 中，选择 Preferences → Package Settings → Color Highlighter 并选择 Settings-Default 和 设置-用户选项。通读默认设置以找到您可以自定义插件的所有方式。然而，对于这种情况，我们只对 "convert_util_path" 选项感兴趣。打开终端并输入 which convert，如果它在你的 $PATH 上并且已正确安装，它应该打印出它的位置(可能是 /usr/local/bin/convert 或类似的东西。如果找不到，请尝试使用 the latest version for OS X 重新安装 ImageMagick。将其安装到您选择的目录后，创建一个符号链接(symbolic link)到 通过运行转换

ln -s /Users/Minnow/Utilities/ImageMagick-7.0.3/bin/convert /usr/local/bin/convert

您可能需要在该命令之前使用sudo，我不确定10.11 是如何设置的。此外，您显然需要将 /Users/Minnow/... 路径替换为安装目录的真实路径。

完成上述任一步骤后，在选择 Settings-User 时打开的 Sublime 中选择 Color Highlighter.sublime-settings 文件 (它可能已经有东西在里面)。添加以下行:

"convert_util_path": "/usr/local/bin/convert", // or whatever the path is

到顶部，在左大括号 { 之后。如果 "convert_util_path" 已经存在，只需将其值更改为正确的路径即可。

现在，保存文件，重启 Sublime，就可以开始了。这是我的设置的完整内容，以及我的 Neon Color Scheme 的图片的 Neon.tmTheme 文件。所有颜色周围都有一个特定颜色的框，当我将光标放在其中一种颜色上时(此处位于第 21 行的 #FF0080 中)，装订线中会出现一个点。 (仅供引用，此屏幕截图是在 Windows 10 上截取的，OS X 可能会有所不同。)

{
    "enabled": true,
    "style": "default",
    "icons": true,
    "ha_style": "filled",
    "icons_all": true,
    "default_keybindings": true,
    "convert_util_path" : "c:/users/mattdmo/bin/convert",
    "color_formats": [
        "white",
        "#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF",
        "rgb(255, 255, 255)",
        "rgba(255, 255, 255, 1.0)",
        "hsv(0, 0%, 100%)",
        "hsva(0, 0%, 100%, 1.0)",
        "hsl(0, 100%, 100%)",
        "hsla(0, 100%, 100%, 1.0)"
    ],
    "file_exts": [".css", ".sass", ".scss", ".less", ".styl", ".html", ".js", ".tmTheme", ".svg"]
}