💡 参考文章见Ref，感谢提供思路！
🗺️当前这篇博文地址：https://myoontyee.github.io/article/dbacadce.html
⚠️警告：博客文章禁止一切形式的非授权非法转载！
⚠️Attention: All forms of unauthorized illegal reposts are prohibited !

创建时间：2022年4月28日10:57:03
最新更新：2022年4月29日15:33:16

Problem Description：Box Comment Fix Version Release - How to add a custom box to a comment block in Visual Studio Code? How to add a beautified comment block with Box?

核心思路：

  • 两个插件推荐（俩名儿反过来…）
    • Box Comment插件
    • Comment Box插件
  • 这里提供的是支持多行文本的Comment Box插件，Comment Divider不支持多行文本的Comment Box注释，故此处不做推荐
  • 像下面这样带方框的注释，其实英文就是Box Comment
    • 下面第一个是Box Comment画的（指默认配置）
    • 下面第二个是Comment Box画的（指默认配置）
      • 可以通过设置达到类似或一样的效果
      • 我更喜欢Box Comment画的，但原作者很久没维护，Willasm修复的版本没有编译，编译搞了我半天…
        • 我直接Release了一个带编译的.vsix版本，大家可以直接用，代码仓Release
1
2
3
4
5
// ╔══════════════════════════════════════════════════════════╗  
// ║ Lorem ipsum dolor sit amet 							  ║  
// ╠══════════════════════════════════════════════════════════╣  
// ║ Consectetur adipiscing elit                              ║  
// ╚══════════════════════════════════════════════════════════╝
1
2
3
4
5
/***********************  
* COULD YOU *  
* COMMENT BOX THIS? *  
* PRETTY PLEASE (*.*) *  
***********************/

Box Comment

  • Polymer Mallard佬画了一个周末写的…牛逼！

    • 但是Visual Studio Code的扩展里直接安装的版本有BUG！没法配置，快捷键无响应

  • 原作者很久没维护，Willasm修复的版本没有编译，编译搞了我半天…

  • 我直接Release了一个带编译的.vsix版本，大家可以直接用，代码仓Release

一些Tricks

  • Polymer Mallard佬的版本支持分割线，实际上这个功能让注释显得很美观，像下面这样
    • 输入下面的内容，选中内容，按快捷键，得到下下块注释效果
      • 我提供的版本快捷键是Ctrl+Alt+;
1
2
3
Lorem ipsum dolor sit amet  
--  
Consectetur adipiscing elit
1
2
3
4
5
// ╔══════════════════════════════════════════════════════════╗
// ║ Lorem ipsum dolor sit amet                               ║
// ╠══════════════════════════════════════════════════════════╣
// ║ Consectetur adipiscing elit                              ║
// ╚══════════════════════════════════════════════════════════╝

Comment Box

  • Comment Box是SlySherZ佬写的版本，如下图

  • 经过设置可以搞成这样

1
2
3
4
##############################
#         THIS IS A          #
# MULTI-LINE COMMENT EXAMPLE #
##############################

Ref