显示颜色的 css/less 编辑器答案

【问题标题】：css/less editor which shows colors显示颜色的 css/less 编辑器
【发布时间】：2011-12-06 12:32:00
【问题描述】：

是否有可以显示颜色的 css 编辑器（适用于 Windows）？或者更一般地说，总是显示带有彩色背景的 6 个字符的十六进制值的编辑器。

例如像这样：

div.myclass {
  color: #ff8861;  <- the background (or foreground, doesn't matter) of #ff8861 has orange color in the editor
}

[编辑1]：不是所见即所得，只是一个显示颜色和语法的富文本编辑器

[编辑 2]：理想情况下，它也应该支持 LESS 语法

【问题讨论】：

【解决方案1】：

试试紧缩！ - 这是一个 LESS CSS 编辑器，可以进行颜色编码、编译和压缩。它是用 Adobe Air 编写的，因此它是跨平台的。 http://crunchapp.net/

更新 - Visual Studio 2012 具有出色的 LESS 编辑器，作为插件，您可以通过扩展管理器轻松安装。我相信在 VS2012 中，该扩展由 Microsoft 提供，并与 DotLess 集成，并在编译 LESS 文件时（在编译、构建或运行时）为您提供了多种选择。

【讨论】：

【解决方案2】：

如果您对使用 Visual Studio 感兴趣，ReSharper 6（在撰写该博客文章时处于测试阶段，但现已发布）将以指定颜色显示粗下划线。

如果您想要比 Visual Studio 更轻量（或更便宜）的东西，编写 ReSharper 的人也会制作独立的 IDE。 WebStorm 3（目前处于测试阶段）在编辑器装订线中显示色卡。（发布的版本也可以这样做；我在网上找不到截图。）这是我从测试版中截取的截图；注意小金方块：

【讨论】：

【解决方案3】：

我使用 Coda：

编辑 CSS 时可以显示颜色。

【讨论】：

【解决方案4】：

http://KineticWing.com 可以在更少的文件中显示颜色。它以颜色突出显示文本。我的意思是#fff 将显示为白色文本。它可以处理#fff 和#ffffff 模式。

可以在windows/linux上运行

【讨论】：

【解决方案5】：

我找了很久。我的解决方案是使用 Netbeans CSS 样式编辑器

在顶部菜单中点击 Window -> Web -> CSS Styles

【讨论】：

【解决方案6】：

从 2 年开始，我唯一的一个真值编辑器变成了 vs 代码 - 非常适合 JavaScript，到可视化 CSS 颜色插件：COLORIZE

【讨论】：