1202

如何在 Visual Studio Code 中配置垂直标尺(注意复数)?

在 Sublime Text 2 中我可以做到

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

这在 Visual Studio 中如何工作?

"editor.ruler": 80

只产生一个垂直标尺。

4

9 回答 9

2026

Visual Studio Code 0.10.10 引入了此功能。要对其进行配置,请转到菜单文件首选项设置并将其添加到您的用户或工作区设置:

"editor.rulers": [80,120]

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

"workbench.colorCustomizations": {
    "editorRuler.foreground": "#ff4081"
}
于 2015-04-30T15:39:58.600 回答
343

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

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

所以在你的settings.json,你会放:

"[git-commit]": {"editor.rulers": [50]},
"[python]": {
    "editor.rulers": [
        79,
        120
    ]
}
于 2017-12-13T01:18:00.443 回答
156

使用 Visual Studio Code 1.27.2:

  1. 当我转到File > Preference > Settings时,我得到以下选项卡

    截屏

  2. 我在搜索设置中键入标尺,我得到以下设置列表

    截屏

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

    截屏

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

在 Visual Studio Code 1.38.1 中,第三点显示的屏幕截图变为以下屏幕截图。

在此处输入图像描述

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

于 2018-09-22T10:40:22.770 回答
105

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

请参阅问题支持具有不同颜色的多个标尺- (在 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"
  },
]

要更改标尺的默认颜色:

"workbench.colorCustomizations": {

  "editorRuler.foreground": "#fffa"   
            // or "#ffffffaa" - the a's are alpha transparency values
}
于 2020-02-19T03:21:03.847 回答
58

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]

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

于 2017-08-30T03:13:20.940 回答
30

要扩展上述内容,您可以为每个标尺设置多个标尺和颜色。默认颜色显示为“#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
],   
于 2021-03-29T22:28:47.333 回答
8

结合kiamlaluno和 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"
        },
    ],

}
于 2020-03-11T14:02:19.390 回答
6
  1. 文件 -> 首选项 -> 设置或cntrl+,
  2. 键入“标尺”并单击编辑 Settings.json

在此处输入图像描述 3.按','添加大小值如你所愿

在此处输入图像描述 像这样(Gif)

在此处输入图像描述

于 2022-02-09T09:44:42.310 回答
3

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

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

颜色可以定制

workbench.colorCustomizations
于 2021-07-15T10:08:48.363 回答