如何用VSCode代码片段实现固定长度居中注释块？

VSCode代码片段支持变量引用和JavaScript表达式计算，完全能满足你要的固定宽度居中注释需求，实现起来一点都不复杂。

具体实现代码片段 #

你可以在VSCode的用户代码片段（比如全局的global.code-snippets）里添加以下内容：

{
  "固定宽度居中注释块": {
    "prefix": "center-comment",
    "body": [
      "/******************************************************************************/",
      "/*${= ' '.repeat(Math.floor((33 - TM_SELECTED_TEXT.length) / 2))}${TM_SELECTED_TEXT}${= ' '.repeat((33 - TM_SELECTED_TEXT.length) - Math.floor((33 - TM_SELECTED_TEXT.length) / 2))}*/",
      "/******************************************************************************/"
    ],
    "description": "将选中文本包裹在固定宽度的居中注释块中"
  }
}

实现逻辑说明 #

1. 固定注释块长度：第一、三行的注释线是固定长度，和第二行的注释框完全对齐
2. 空格计算逻辑：
   • 第二行中，/*和*/占4个字符，留给文本和空格的总长度是33
   • 用33 - TM_SELECTED_TEXT.length算出总空格数
   • 左侧空格数取总空格数的一半向下取整，右侧空格数用总空格数减去左侧，刚好满足「奇数长度时左侧空格比右侧少1」的要求
3. 使用方式：选中目标文本后，输入前缀center-comment触发代码片段，或者给这个片段绑定快捷键，就能一键生成你要的注释格式

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