Visual Studio Code 中的垂直标尺

Question

如何在 Visual Studio Code 中配置垂直标尺（注意复数）？

在 Sublime Text 2 中我可以做到

"rulers": [72, 80, 100, 120]

这在 Visual Studio 中是如何工作的？

"editor.ruler": 80

只产生一个垂直标尺。

Answer 1

Visual Studio Code 0.10.10 引入了此功能。要对其进行配置，请转到菜单 File → Preferences → Settings 并将其添加到您的用户或工作区设置中：

"editor.rulers": [80,120]

标尺的颜色可以这样自定义：

"workbench.colorCustomizations": {
    "editorRuler.foreground": "#ff4081"
}

Answer 2

除了全局 "editor.rulers" 设置之外，还可以在每个语言级别上进行设置。

例如，Python 项目的样式指南通常指定 79 或 120 个字符，而 Git 提交消息不应超过 50 个字符。

所以在你的settings.json 中，你会输入：

"[git-commit]": {"editor.rulers": [50]},
"[python]": {
    "editor.rulers": [
        79,
        120
    ]
}

Answer 3

使用 Visual Studio Code 1.27.2：

1. 当我转到 文件 > 首选项 > 设置时，我会看到以下选项卡

2. 我在 Search settings 中输入 rulers 并得到以下设置列表

3. 点击第一个settings.json中的编辑，可以编辑用户设置

4. 单击默认用户设置中设置左侧显示的笔图标我可以将其复制到用户设置并进行编辑

使用 Visual Studio Code 1.38.1，第三点显示的屏幕截图更改为以下。

选择默认用户设置值的面板不再显示。

Answer 4

在 v1.43 中可以单独为垂直标尺着色。

查看问题 Support multiple rulers with different colors -（在 settings.json 中）：

"editor.rulers": [
  {
    "column": 80,
    "color": "#ff00FF"
  },
  100,  // <- a ruler in the default color or as customized (with "editorRuler.foreground") at column 100
  {
    "column": 120,
    "color": "#ff0000"
  },
], 

Answer 5

Visual Studio 代码：版本 1.14.2 (1.14.2)

1. 按 Shift + Command + P 打开面板
   • 对于非 macOS 用户，按 Ctrl+P
2. 输入“settings.json”打开设置文件。

3. 在默认设置下，您可以看到：

   // Columns at which to show vertical rulers
   "editor.rulers": [],
   

   这意味着空数组不会显示垂直标尺。

4. 在右侧窗口“用户设置”中，添加以下内容：

   "editor.rulers": [140]

保存文件，您将看到标尺。

Answer 6

要扩展上述内容，您可以为每个标尺设置多个标尺和颜色。默认颜色显示为“#5a5a5a”，如果您在末尾添加两个额外的数字，您可以调整其透明度以使某些标尺比其他标尺更暗。

这是我的标尺，以更易于编辑的简洁方式定义。

"editor.rulers": [
    {"column":   0, "color": "#5a5a5a80"}, // left boundary is 50% opaque
    {"column":   2, "color": "#5a5a5a20"}, // tab stops are 12.5% opaque
    {"column":   4, "color": "#5a5a5a20"},
    {"column":   6, "color": "#5a5a5a20"},
    {"column":   8, "color": "#5a5a5a20"},
    {"column":  10, "color": "#5a5a5a20"},
    {"column":  40, "color": "#5a5a5a20"}, // center line
    {"column":  79, "color": "#5a5a5a20"}, // right rule minus one
    {"column":  80, "color": "#5a5a5a80"}, // right rule
    {"column": 120, "color": "#5a5a5a40"}  // extra right rule
],   

Answer 7

将 the answers of kiamlaluno and Mark 与 formatOnSave 结合到 Python 的自动意图代码中：

{
    "editor.formatOnSave": true,
    "editor.autoIndent": "advanced",
    "editor.detectIndentation": true,
    "files.insertFinalNewline": true,
    "files.trimTrailingWhitespace": true,
    "editor.formatOnPaste": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.snippetSuggestions": "top",
    "editor.rulers": [
        {
            "column": 79,
            "color": "#424142"
        },
        100, // <- a ruler in the default color or as customized at column 0
        {
            "column": 120,
            "color": "#ff0000"
        },
    ],

}

Answer 8

转到菜单文件->首选项->设置并添加

"editor.rulers": [preferred-value, preferred-value]

颜色可以自定义

workbench.colorCustomizations