【开发工具】VSCode插件 CodeSnap 实现优雅的代码截图与无边框设置

在最近的项目协作中，甲方要求我们提交详细的代码使用说明。为了让文档更直观，要将关键代码片段以截图形式展示，于是我们采用CodeSnap插件，效果不错。

一、CodeSnap

1，插件安装

在vscode的插件市场可以搜索并安装CodeSnap

2，截屏使用

打开命令面板（Ctrl+Shift+P），CodeSnap

然后左侧拖动框选，即可在右侧出现代码截图

生成的截图如下：

二，无边框设置

生成的代码截图默认带有较宽的边框，在技术文档中显得不够简洁。虽然截图质量很高，但边框占据了过多空间，影响了整体美观。
进行以下设置即可

设置处搜索：codesnap.containerPadding，修改边框大小为0

即可得到于代码文档的无边框截图

（示意图：调整后的无边框截图）

三，其他推荐

没有vscode的也可以使用免费在线代码截图生成网站：https://carbon.now.sh/
但是好像不支持无边框的设置