VSCode怎么将代码生成图片

时间:2024-10-11 22:47:25

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

VSCode怎么将代码生成图片

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

VSCode怎么将代码生成图片

3、接着我们选择需要生成图片的代码片段,鼠标右键然后选择Command Palette或者是直接用快捷键(Windows - Ctrl + Shift + P,Mac - Cmd + Shift + P)。

VSCode怎么将代码生成图片

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

VSCode怎么将代码生成图片

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

VSCode怎么将代码生成图片

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

VSCode怎么将代码生成图片
© 手抄报圈