VS Code 中无法直接绘图或插入形状框，所谓“框”只有三种：代码注释围成的视觉分隔框、终端中用 ASCII 字符拼出的动态框、插件通过 CSS 渲染的语义化 UI 框（如 Markdown 引用块）。
怎么在 VS Code 里画一个“框”？
VS Code 本身不是绘图工具，没有“画框”功能——你看到的所谓“框”，基本是三种情况：代码注释围出来的视觉框、终端里用 ASCII 字符拼的框、或者插件渲染的 UI 框（比如 Markdown 预览里的 blockquote）。直接按 Ctrl+鼠标拖拽或用“形状工具”？不存在。
用注释字符手写一个代码框（最常用）
这是开发者最常做的“框”，本质是用 //、/* */ 或语言特有注释符号，配合空格/星号对齐围出矩形区域。它不改变逻辑，纯属视觉分隔。
- Python/JS/Go 等通用写法：
##################################</code><code># 这里是配置区 #</code><code># 不要随便改下面三行 #</code><code>##################################
- 注意缩进和空格必须手动对齐，VS Code 不自动补全右边界；粘贴后容易错位，建议用
Shift+Alt+↑/↓多行编辑批量调整 - 别用全角字符（如中文顿号、空格），会导致对齐失效；也别混用制表符（
\t）和空格，不同缩进设置下会崩
在集成终端里输出带框的提示（比如 Bash/PowerShell）
如果你是在终端里跑脚本想加个框，本质是字符串拼接，不是 VS Code 的功能。但 VS Code 的终端能正常显示 ANSI 转义或 ASCII 框。
- Bash 示例：
printf "%*s\n" "${COLUMNS:-$(tput cols)}" '' | tr ' ' '#'</code><code>echo "# 当前环境：$(hostname) #"</code><code>printf "%*s\n" "${COLUMNS:-$(tput cols)}" '' | tr ' ' '#' -
tput cols获取当前终端宽度，比硬写80更健壮；但 VS Code 内置终端有时没正确设$COLUMNS，得靠tputfallback - PowerShell 用户注意：
$Host.UI.RawUI.BufferSize.Width才是等效值，$env:COLUMNS通常为空
用插件实现“真图形框”（有限场景）
只有极少数插件能绕过编辑器限制，在编辑器内叠加轻量 UI 框，比如 TODO Highlight 给注释加背景色边框，或 Markdown All in One 渲染 > 引用块 成灰底带左竖线的视觉框。
- 这类“框”只是 CSS 样式叠加，不生成真实字符；复制文本时不会带上边框
- 不要装“Draw.io Integration”之类标榜“画图”的插件——它打开的是独立网页面板，不是在代码文件里画框
- 如果真需要可编辑的图形框（比如流程图），正确路径是写 PlantUML 或 Mermaid 代码，用对应插件渲染成 SVG，而非徒手画
真正卡住人的地方，往往不是“怎么画”，而是误以为 VS Code 有类似 Word 的形状插入功能。它没有。所有“框”都是文本、样式或外部渲染的结果——选哪种，取决于你要框住的是代码段、终端输出，还是文档语义。
