VScode的代码截图插件CodeSnap

 CodeSnap : 在 VS Code 中为您的代码截取漂亮的屏幕截图！

• 插件名：CodeSnap
• 官方地址：CodeSnap - Visual Studio Marketplace
• 特征：
  • 快速保存代码的屏幕截图
  • 将屏幕截图复制到剪贴板
  • 显示行号
  • 许多其他配置选项
• 用法：选中需要截取的代码块，然后右键点击 CodeSnap 即可

CodeSnap想更改相关配置如下可以在settings.json中添加相关配置

CodeSnap是高度可配置的, 以下是可以更改的设置列表，以调整屏幕截图的外观

配置	值	说明
codesnap.backgroundColor	十六进制颜色值	代码段容器边缘的背景色。可以是任何有效的CSS颜色。
codesnap.boxShadow	默认值：rgba(0,0,0,0.55) 0px 20px 68px	代码段的CSS框阴影。可以是任何有效的CSS框阴影
codesnap.containerPadding	整数，默认值:3em，也可以使用px	代码段容器边缘的填充。可以是任何有效的CSS填充
codesnap.roundedCorners	布尔值默认为：true	圆角配置用于配置边缘内部代码块边缘是否是圆角或方形角
codesnap.showWindowControls	布尔值默认为：true	显示或隐藏OSX样式窗囗按钮的布尔值。
codesnap.showWindowTitle	布尔值默认为：false	显示或隐藏窗囗标题栏上的文件夹或文件名。
codesnap.showLineNumbers	布尔值默认为：true	显示或隐藏行号的布尔值
codesnap.realLineNumbers	布尔值默认为：false	从文件的实际行号开始的布尔值，而不是1。
codesnap.transparentBackground	布尔值默认为：false	用于在拍摄屏幕快照时使用透明背景。
codesnap.target	值：window[不显示边缘容器] container[显示边缘容器]	意思就是是否要显示外部的边缘容器

//codesnap代码截图配置

"codesnap.backgroundColor":"#f2f2f2", //截图代码容器边缘颜色

"codesnap.boxShadow": "5px 5px 60px 0px #888888", //阴影设置

"codesnap.containerPadding":"3em",

"codesnap.roundedCorners":true,

"codesnap.showWindowControls":true,

"codesnap.showWindowTitle":false,

"codesnap.showLineNumbers":true,

"codesnap.realLineNumbers":false,

"codesnap.transparentBackground":false,

"codesnap.target":"container"