VSCode中如何自动添加延伸至垂直标尺末尾的注释字符？

下面是几种无需手动输入就能实现注释补全到标尺的实用方案，覆盖不同场景：

1. 自定义代码片段（无需插件） #

这是最灵活的方式，既能生成整行注释分割线，也能配合内置变量实现行尾补全。

生成整行注释分割线 #

打开VSCode的用户代码片段配置：按Ctrl+Shift+P，输入「首选项：配置用户代码片段」，选择对应语言（比如javascript.json），添加以下片段：

"Full Line Comment Separator": {
  "prefix": "cmtline",
  "body": "${1://}".repeat(${config:editor.rulers[0]}),
  "description": "生成与垂直标尺等长的//注释分割线"
}

使用时，在代码里输入cmtline再按Tab，就会自动生成和第一个垂直标尺长度一致的//分割线。如果是其他语言（比如Python用#），把${1://}换成${1:#}即可。

行尾补全注释到标尺 #

如果要在已有代码的行末尾补//到标尺，同样可以用片段结合内置变量：
在对应语言的代码片段里添加：

"Fill Comment to Ruler": {
  "prefix": "cmtfill",
  "body": "${TM_CURRENT_LINE}${1://}".repeat(${config:editor.rulers[0]} - ${TM_LINE_LENGTH} - 2),
  "description": "在当前行末尾补//到垂直标尺位置"
}

使用时，光标放在目标行任意位置，输入cmtfill按Tab，就会自动在该行末尾补足够的//直到标尺位置。

2. 自定义宏（实现一键补全） #

如果想要更快捷的一键操作，可以用VSCode的宏功能（需要在配置文件里手动设置）：

1. 打开settings.json（Ctrl+Shift+P → 首选项：打开设置(JSON)），添加宏配置：

"commands": {
  "macros": {
    "fillCommentToRuler": [
      "cursorEnd",
      {
        "command": "type",
        "args": { "text": "//" }
      },
      {
        "command": "editor.action.insertSnippet",
        "args": {
          "snippet": "${1://}".repeat(${config:editor.rulers[0]} - ${TM_LINE_LENGTH} - 2)
        }
      }
    ]
  }
}

2. 打开keybindings.json（Ctrl+Shift+P → 首选项：打开键盘快捷方式(JSON)），绑定快捷键：

{
  "key": "ctrl+shift+/",
  "command": "macros.fillCommentToRuler",
  "when": "editorTextFocus && editorLangId == javascript"
}

现在选中目标行或者光标在该行时，按Ctrl+Shift+/就能一键补全//到标尺位置。

3. 插件辅助 #

如果不想手动配置，也可以用现成插件简化操作：

• Comment Divider：安装后在设置里将「Divider Character」设为//，「Divider Length」设为${config:editor.rulers[0]}，然后用默认快捷键Ctrl+Alt+D就能生成对应长度的分割线。
• Custom Text Formatters：可以自定义格式化规则，设置自动在行尾补全注释字符到标尺位置，支持多语言适配。

内容的提问来源于stack exchange，提问作者fmotion1