彩虹缩进
让缩进更易于阅读。
标签 indent
详细信息
安装次数
- 总 288
- Win 141
- Mac 84
- Linux 63
8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | 6月22日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 1 | 1 | 1 | 1 | 1 | 0 | 2 | 1 | 2 | 0 | 1 | 1 | 0 | 2 | 2 | 1 | 1 | 1 | 1 | 3 | 3 | 1 | 1 | 1 | 0 | 1 | 2 | 2 | 0 | 2 | 1 | 3 | 1 | 2 | 4 | 0 | 1 | 1 | 0 | 1 | 1 | 0 | 1 | 1 | 1 | 2 |
Mac | 1 | 1 | 0 | 1 | 2 | 1 | 0 | 0 | 4 | 0 | 0 | 0 | 1 | 1 | 0 | 0 | 2 | 0 | 2 | 1 | 2 | 1 | 2 | 1 | 2 | 1 | 0 | 1 | 1 | 0 | 1 | 0 | 0 | 0 | 2 | 2 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 1 | 0 | 0 | 2 | 1 | 2 | 0 | 0 | 1 | 0 | 2 | 1 | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 5 | 1 | 0 | 1 | 0 | 0 | 0 | 2 | 1 | 0 | 1 | 0 | 0 | 0 |
说明
ST-RainbowIndent
让缩进更易于阅读。
这是对Indent Rainbow VSCode 扩展的一个简单概念克隆。
安装
此软件包可在 Package Control 上找到,名称为 RainbowIndent。
常见问题解答
如何自定义缩进颜色?
首先,您必须决定您想用于缩进的色彩数量。
例如,如果您想使用 6 种颜色,请将以下内容添加到插件中的 level_colors
设置。
"level_colors": [
"region.indent.0",
"region.indent.1",
"region.indent.2",
"region.indent.3",
"region.indent.4",
"region.indent.5",
],
region.indent.0
– region.indent.5
在 Sublime Text 中被称为 scope
。名称对 scope
并不重要,但我只是感觉这些名称是自我解释的。
接下来,您必须为这些 scope
添加您的颜色方案的着色规则。例如,将以下规则添加到您的颜色方案中。
foreground
是当level_style
设置为line
时缩进行的颜色。background
是当level_style
设置为block
时的缩进背景颜色。
有效颜色格式列在 Sublime Text 官方文档中。
///////////////////
// RainbowIndent //
///////////////////
{
// red
"foreground": "rgba(229, 57, 53, 0.35)",
"background": "rgba(229, 57, 53, 0.2)",
"scope": "region.indent.0",
},
{
// green
"foreground": "rgba(67, 160, 71, 0.35)",
"background": "rgba(67, 160, 71, 0.2)",
"scope": "region.indent.1",
},
{
// blue
"foreground": "rgba(30, 136, 229, 0.35)",
"background": "rgba(30, 136, 229, 0.2)",
"scope": "region.indent.2",
},
{
// orange
"foreground": "rgba(251, 140, 0, 0.35)",
"background": "rgba(251, 140, 0, 0.2)",
"scope": "region.indent.3",
},
{
// purple
"foreground": "rgba(142, 36, 170, 0.35)",
"background": "rgba(142, 36, 170, 0.2)",
"scope": "region.indent.4",
},
{
// cyan
"foreground": "rgba(0, 172, 193, 0.35)",
"background": "rgba(0, 172, 193, 0.2)",
"scope": "region.indent.5",
},
如何禁用默认渲染并启用手动渲染?
您可以设置插件的 enabled_selector
设置为 "nothing"
。因为没有命名 nothing
的范围,所以此插件不会渲染缩进。
然后,您可以通过以下任一方式手动启用渲染。
- 从命令板:
RainbowIndent: Disable for This View (Forced)
- 从上下文菜单:
RainbowIndent
»Disable for This View (Forced)
- 为
rainbow_indent_view_toggle
命令创建和触发快捷键以方便使用。
已知问题
- 通过 ST 的插件 API,无法绘制中没有内容的部分。
- 有时,ST 好像错误地绘制区域。不确定如何稳定地重现此问题。