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

sublime怎么安装ColorPicker_sublime调用调色盘【工具】

夜雪君_8580

夜雪君_8580

发布时间:2026-03-15 09:02:02

|

426人浏览过

|

来源于php中文网

原创

ColorHelper 是 Sublime Text 4 唯一稳定适配的颜色插件,支持全格式解析、实时预览和跨语言高亮;需正确设置语法作用域与快捷键,否则预览不显示或快捷键失效。

sublime怎么安装colorpicker_sublime调用调色盘【工具】

ColorPicker 在 Sublime Text 4 上根本不能用

别折腾了——ColorPicker 插件早在 2018 年就停止维护,不支持 Sublime Text 4 的 Python 3.8+ 运行环境。你在 ST4 里装上它,大概率会遇到:ImportError: No module named 'winreg'(Windows)或启动直接崩溃(macOS/Linux)。它连 hsl()、rgba()、var(--color)、bg-blue-500 都识别不了,只认老式 #RRGGBB 和 rgb(),现代前端项目基本失效。

该换 ColorHelper:ST4 唯一靠谱的颜色插件

现在唯一稳定、持续更新、真正适配 ST4 的颜色工具是 ColorHelper。它不是“另一个拾色器”,而是带实时预览 + 全格式解析 + 跨语言高亮的完整方案。

  • 安装:按 Ctrl+Shift+P(Win/Linux)或 Cmd+Shift+P(macOS),输入 Package Control: Install Package → 搜 ColorHelper → 回车
  • 开箱即用:光标停在 #3b82f6、oklch(65% 0.21 250)、rebeccapurple 上,右侧自动出小色块
  • 呼出调色面板:按 Alt+Shift+C(Win/Linux)或 Opt+Shift+C(macOS)
  • 想让 var(--primary) 也预览?进 Preferences → Package Settings → ColorHelper → Settings,把 "enable_color_variables": true 打开

快捷键冲突?先查 User keymap 再动手

很多人装完 ColorHelper 按 Alt+Shift+C 没反应,不是插件坏了,是快捷键被你自己的配置劫持了。ST 的用户快捷键文件路径是:C:\Users\XXX\AppData\Roaming\Sublime Text\Packages\User\Default (Windows).sublime-keymap(Win)或 ~/Library/Application Support/Sublime Text/Packages/User/Default (OSX).sublime-keymap(macOS)。

  • 打开这个文件,搜 alt+shift+c 或 ctrl+shift+c,看有没有其他命令占着
  • 如果有,删掉那条,或改成比如 alt+ctrl+shift+c
  • 改完保存,不用重启,立刻生效
  • 顺手装个 FindKeyConflicts 插件,以后一键扫冲突

预览不显示?90% 是语法识别错了

ColorHelper 不是靠正则硬匹配颜色字符串,而是依赖 Sublime 的语法作用域(scope)。如果右下角状态栏显示的是 Plain text 而不是 CSS、SCSS、Vue 等,它压根不会启动颜色分析。

  • 右键 → Set Syntax → CSS(或对应语言)
  • Vue 单文件组件中 <style> 块要确保用了 source.css.postcss 或 source.css.scss 语法(不是 source.css)
  • JSX/TSX 里写 color: '#3b82f6',得确认当前文件被识别为 JavaScript React 或 TypeScriptReact
  • 悬停时按住 Ctrl(Win/Linux)或 Cmd(macOS)可临时禁用预览——这是调试是否被误触发的好办法
ST4 下硬装 ColorPicker 只会浪费时间;而 ColorHelper 的配置项和作用域依赖,恰恰是它强大但容易被忽略的复杂点——别跳过语法设置和 keymap 检查,这两步卡住的人最多。

热门AI工具

更多
Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

豆包大模型

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

DeepSeek

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

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

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

火山引擎

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

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

WorkBuddy

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

相关专题

更多
js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1738

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2684

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6064

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

5649

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

7314

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

10654

2024.04.29

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

5459

2025.07.29

c++字符串相关教程
c++字符串相关教程

本专题整合了c++字符串相关教程,阅读专题下面的文章了解更多详细内容。

5907

2025.08.07

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

60

2026.10.16

热门下载

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

精品课程

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

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