讲师中心 微信公众号
AI工具推荐 视频效率加速

Sublime Text安装ColorHighlight颜色预览插件

星杰酱_1472

星杰酱_1472

发布时间:2026-08-05 06:08:40

|

125人浏览过

|

来源于php中文网

原创

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

sublime text安装colorhighlight颜色预览插件

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,否则插件不加载——不是“装完就亮”,是根本没启动。

Sublime Text Build Linux版
Sublime Text Build Linux版

Sublime Text Linux x86-64 deb 安装包。官方也提供 rpm、tar.xz 和软件源安装方式。

下载

右下角显示 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 影响色块大小,这些参数都得显式配,没有“开箱即用”的万能默认。

三件事缺一不可:装对插件名、配对语法模式、开对配置项。漏掉任意一个,颜色块都不会出现——它不是坏了,是压根没启动。

热门AI工具

更多
立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

相关专题

更多
PixTV官网入口地址合集
PixTV官网入口地址合集

本专题汇总了 PixTV AI 一站式视频创作平台的官方入口与使用教程。无需下载软件,浏览器直接访问即可使用。平台将剧本、图像、视频、声音与剪辑整合在“无限画布”中,接入 GPT Image 2.5、Seedance 2.5 等头部模型。本专题整理了从新建画布、角色锚定、分镜拆分到视频生成与导出的完整操作指南,助你快速上手 AI 短剧与漫剧创作。

40

2026.10.10

Kratos框架HTTP与gRPC服务开发教程
Kratos框架HTTP与gRPC服务开发教程

本专题围绕Kratos框架双协议服务开发,涵盖HTTP路由与处理器编写、参数获取、gRPC服务实现与客户端调用、metadata上下文传递、encoding编解码注册、统一响应封装、超时控制与流式响应实现方法。

20

2026.10.10

Kratos框架Protobuf接口定义与代码生成合集
Kratos框架Protobuf接口定义与代码生成合集

本专题讲解Kratos框架接口定义体系,涵盖proto编写规范、proto add/client/server生成命令、http注解路由、validate校验、OpenAPI文档生成、跨服务proto复用与兼容性设计。

0

2026.10.10

C++虚函数怎么定义和调用
C++虚函数怎么定义和调用

C++虚函数是实现运行时多态的重要机制。本专题从virtual关键字的基本用法入手,介绍基类与派生类之间的函数重写、基类指针调用派生类方法,以及动态绑定的执行过程,帮助初学者掌握虚函数的核心语法。

20

2026.10.10

C++类与对象的封装方法教程
C++类与对象的封装方法教程

C++封装是面向对象编程的核心特性之一,通过类将数据与操作数据的函数组织在一起,并利用访问权限控制外部访问。本专题介绍类的定义、成员变量、成员函数以及public、private和protected的使用方法,帮助初学者掌握封装的基本原理。

20

2026.10.10

C++构造函数定义与调用方法
C++构造函数定义与调用方法

C++构造函数用于初始化类对象,是面向对象编程的重要基础。本专题从构造函数的定义、声明和调用入手,介绍默认构造函数、带参数构造函数、拷贝构造函数及成员初始化列表,帮助初学者掌握对象创建与初始化的基本方法。

20

2026.10.10

Kratos框架零基础入门教程
Kratos框架零基础入门教程

本专题整理Kratos框架入门内容,涵盖Go环境准备、kratos CLI安装升级、new命令创建项目、目录结构分层说明、服务启动与双协议端口、依赖下载报错排查,帮助开发者快速跑通第一个Kratos框架微服务应用。

20

2026.10.10

C++条件判断语句怎么写
C++条件判断语句怎么写

C++条件判断是控制程序执行流程的重要基础。本专题介绍if、if-else、else if和switch等常见分支语句,结合条件表达式、比较运算符与代码示例,帮助初学者掌握不同场景下的判断逻辑。

0

2026.10.10

C++变量怎么声明和赋值
C++变量怎么声明和赋值

C++变量是编写程序和存储数据的基础。本专题围绕变量声明、定义、初始化、赋值和类型选择等内容展开,帮助初学者理解不同变量的用法,并掌握在实际代码中定义和使用变量的方法。

20

2026.10.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn