vscodeweb怎么用代码插图

Question

如题所述

Answer 1

1、首先在EXTENSIONS搜索carbon-now-sh，然后安装该插件。
2、其次新建一个文件，编写一些测试的代码，代码的话是不分语言的。接着选择需要生成图片的代码片段，鼠标右键然后选择CommandPalette或者是直接用快捷键（Windows-Ctrl+Shift+P，Mac-Cmd+Shift+P）。命令托盘打开之后在输入框输入Carbon然后回车，插件会自动打开浏览器的页面。
3、然后在图片生成界面我们可以自己根据情况进行设置，包括背景颜色以及语言等。
4、最后设置好之后我们选择Export然后设置名称以及大小，在这里还可以选择下载的图片类型，现在暂时支持jpg以及SVG两种，然后会自动下载到本地，这样就完成了代码转图片的过程。