在 VS Code 中为代码创建漂亮的屏幕截图

2022年3月27日 364点热度 0人点赞 0条评论


点击上方蓝字 ● 关注Linux公社


 







用漂亮的屏幕截图分享您的代码可以给您的观众留下深刻印象并提高可理解性。本文与你分享两个 VS Code 扩展,以帮助您创建漂亮的代码屏幕截图。如果您使用 VS Code 来编写程序,很容易使用扩展来为您选择的颜色主题截取代码,支持 VS Code 支持的所有编程语言。
这是我在另一篇 Python 文章中的一个脚本中的一个示例。
turtle.setup(800,800)turtle.title("www.linuxmi.com")turtle.speed(0)turtle.hideturtle()turtle.tracer(0)turtle.bgcolor('black')

就用这个代码为例子吧:?
图片
图片如上图看起来够漂亮,对吧?
让我们开始吧!

CodeSnap 

(已安装 33kK+)
到目前为止,CodeSnap扩展是我最喜欢的工具,它可以简单地创建屏幕截图。安装完成后,你可以直接拖动选择你想要截图的代码,右键打开CodeSnap菜单,点击一个按钮生成截图并在本地保存为PNG。
安装链接:
CodeSnap  

 https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap

CodeSnap 扩展的基本使用
  • 使用 CodeSnap 扩展创建屏幕截图。
  • 选择部分代码进行截图
  • 右键单击
  • 点击“CodeSnap”
  • 单击 CodeSnap 徽标以将生成的屏幕截图导出为图像文件。
图片

Polacode   

(已安装 668K+)
Polacode 与 CodeSnap 非常相似。但是,我发现使用 PolaCode 稍微有一点难度,因为启动 Polacode 的唯一方法是从命令面板激活它(Cmd/Ctrl + Shift + P)。从好的方面来说,您可以通过拖动右下角来自由调整片段容器的大小。
图片
安装链接:
Polacode   

https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap

PolaCode 扩展的基本使用
  • 使用 Ctrl + Shift + P 激活 Polarcode
  • 复制代码您要创建屏幕截图
  • 将代码粘贴到 Polacode 视图中
  • 单击 Polacode 徽标将生成的屏幕截图导出为图像文件。
图片
总结
就这样!
我希望您喜欢这篇文章,并发现它对您的日常工作或项目很有用。如果您有任何问题,请随时与我联系。

来自:Linux迷
链接:https://www.linuxmi.com/vs-code-codesnap.html


关注我们




长按或扫描下面的二维码关注


Linux公社


图片




关注

Linux公社,添加“




星标








每天
获取

技术干货,让我们一起成长




合作联系:

[email protected]


27790在 VS Code 中为代码创建漂亮的屏幕截图

root

这个人很懒,什么都没留下

文章评论