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

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

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

Visual Studio Code 64位 v1.62.3 官方最新安装版

• 类型：编程工具
• 大小：75.8MB
• 语言：简体中文
• 时间：2021-11-24

查看详情

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

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

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

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

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

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

以上就是Vscode漂亮的代码截图的实现方法，希望大家喜欢，请继续关注脚本之家。

相关推荐：

vscode右键选择浏览器运行html文件怎么实现?

不同设备间怎么快速同步vscode插件/配置信息?

VSCODE怎么安装CSS Peek插件快速查看CSS定义?