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

所属分类: 软件教程 / 编程开发 阅读数: 1838
收藏 0 赞 0 分享

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

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定义?

更多精彩内容其他人还在看

VisualStudio2015怎么设计一个注册信息的页面?

VisualStudio2015怎么设计一个注册信息的页面?vs2015中想要设计一个注册表信息的页面,该怎么制作填写信息的表格呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Notepad怎么显示隐藏的字符?

Notepad怎么显示隐藏的字符?Notepad++中文件都有隐藏的字符,想要显示隐藏的字符,该怎么显示呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

VS2017怎么提交作业? VS提交作业的方法

VS2017怎么提交作业?VS2017中做编程开发的时候,想要进行作业提交,该怎么提交呢?下面我们就来看看VS提交作业的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

VS2017怎么使用作业视图?

VS2017怎么使用作业视图?VS2017中想要使用作业视图,该怎么使用作业视图呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

VS2017怎么使用Web代码分析功能?

VS2017怎么使用Web代码分析功能?经常使用VS2017进行编程开发,这个软件有很多功能,今天我们就来给大家介绍Web代码分析的使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

VS2017怎么使用ADLS路径?

VS2017怎么使用ADLS路径?VS2017编程开发经常使用的软件,该怎么使用ADLS路径呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

vscode英文版怎么显示隐藏行号?

vs code英文版怎么显示隐藏行号?Visual Studio Code中编程开发的时候,想要隐藏行号,该怎么隐藏或者显示行号呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

vscode英文版怎么设置自动保存的时间?

vscode英文版怎么设置自动保存的时间?使用vscode软件的时候,为了防止意外早层的文件丢失损失,想要设置自动保存文件,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Sublime怎么查看最近打开的文件?

Sublime怎么查看最近打开的文件?Sublime编程开发的时候,想要打开之前打开过的文件,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Authorware多媒体课件怎么插入背景音乐?

Authorware多媒体课件怎么插入背景音乐?Authorware制作的课件需要插入音乐,该怎么插入背景音乐呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多