欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

VSCode代码怎么生成图片? Vscode漂亮的代码截图的实现方法

程序员文章站 2022-03-02 20:39:50
vscode怎么将代码生成图片?vscode中国的代码是不可以直接变成图片的,当然截图另算,但是我们可以使用插件将代码转换为图片,下面我们就来看看详细的教程。1、我们首先在extensions搜索ca...

vscode怎么将代码生成图片?vscode中国的代码是不可以直接变成图片的,当然截图另算,但是我们可以使用插件将代码转换为图片,下面我们就来看看详细的教程。

1、我们首先在extensions搜索carbon-now-sh,然后安装该插件

VSCode代码怎么生成图片? Vscode漂亮的代码截图的实现方法

2、然后我们新建一个文件,编写一些测试的代码,代码的话是不分语言的。

VSCode代码怎么生成图片? Vscode漂亮的代码截图的实现方法

3、接着我们选择需要生成图片的代码片段,鼠标右键然后选择command palette或者是直接用快捷键(windows - ctrl + shift + p,mac - cmd + shift + p)。

VSCode代码怎么生成图片? Vscode漂亮的代码截图的实现方法

4、命令托盘打开之后在输入框输入carbon然后回车,插件会自动打开浏览器的页面。

VSCode代码怎么生成图片? Vscode漂亮的代码截图的实现方法

5、在图片生成界面我们可以自己根据情况进行设置,包括背景颜色以及语言等。

VSCode代码怎么生成图片? Vscode漂亮的代码截图的实现方法

6、设置好之后我们选择export然后设置名称以及大小,在这里还可以选择下载的图片类型,现在暂时支持jpg 以及svg两种,然后会自动下载到本地,这样就完成了代码转图片的过程。

VSCode代码怎么生成图片? Vscode漂亮的代码截图的实现方法

以上就是vscode漂亮的代码截图的实现方法,希望大家喜欢,请继续关注。