You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Visual Studio Code如何给选中代码块添加首尾注释?

在VS Code中给选中代码块添加首尾注释的方法

当然可以,这里有两种高效的实现方式:

方法一:自定义代码片段(无需安装扩展)

这是适合长期使用的灵活方案,可针对不同语言配置专属注释模板:

  1. 按下 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac)打开命令面板,输入 Configure User Snippets 并回车。
  2. 选择目标语言(比如输入html选择HTML配置),打开对应语言的代码片段文件。
  3. 粘贴以下代码并保存:
"Wrap with section comment": {
  "prefix": "wrapcomment",
  "body": [
    "<!-- ${1:section name} -->",
    "$TM_SELECTED_TEXT",
    "<!-- ${1:section name} -->"
  ],
  "description": "Wrap selected code with matching start/end section comments"
}
  1. 使用时选中代码块,输入前缀wrapcomment后按Tab键,代码块就会被首尾一致的注释包裹,还能直接修改注释里的section name替换成自定义内容。

方法二:快速手动操作(临时需求)

如果只是偶尔使用,无需配置,用基础快捷键就能快速完成:

  1. 选中目标代码块,在第一行开头输入开头注释(比如<!-- sidebar section -->)并换行。
  2. 复制刚才输入的开头注释,移到代码块最后一行末尾,换行后粘贴即可。

内容的提问来源于stack exchange,提问作者Ron Tran

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.20 05:59:52