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

百度经验   发布时间:2020-07-15 09:05:58   作者:琳念梦   我要评论
VSCode代码怎么生成图片?VSCode中想要将代码直接生成图片,方便发送出去,该怎么生成图片呢?下面我们就来看看Vscode漂亮的代码截图的实现方法,需要的朋友可以参考下

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

软件名称:
Visual Studio Code 64位 v1.47.0 官方最新安装版
软件大小:
54.8MB
更新时间:
2020-07-12立即下载

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

相关文章

  • VSCode怎么安装插件运行HTML文件?

    VSCode怎么安装插件运行HTML文件?VSCode中无法直接运行html文件,需要借助插件来运行,下面我们就来介绍插件的安装以及运行html文件的方法,
    2019-07-11
  • vscode怎么新建项目? vscode创建项目的教程

    vscode怎么新建项目?vscode中想要创建项目,该怎么创建新项目呢?下面我们就来看看vscode创建项目的教程,需要的朋友可以参考下
    2019-07-04
  • Vscode中文语言设置教程介绍

    Vscode是微软推出的一款优秀的ide开发工具,界面简洁美观、默认支持中文,拥有丰富的插件,支持Windows,OS X和Linux。
    2019-06-18
  • vscode怎么使用? vscode基础使用和设置方法

    vscode怎么使用?vscode编程开发的时候很常用的工具,刚开始接触的朋友需要先了解一下界面和基础的设置,下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-06-14
  • vscode编辑器代码小视图怎么在左边显示?

    vscode编辑器代码小视图怎么在左边显示?vscode做编程开发的时候,想要将代码小时图放到左边显示,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-06-11
  • VSCode怎么设置宏? VSCode宏的添加方法

    VSCode怎么设置宏?VSCode编辑代码的时候,经常会使用宏,该怎么设置宏呢?下面我们就来看看VSCode宏的添加方法,需要的朋友可以参考下
    2019-04-28
  • vscode代码折叠功能怎么使用? vscode折叠代码的方法

    vs code代码折叠功能怎么使用?vs code编程开发的时候,代码很多,想要折叠代码,该怎么实现呢?下面我们就来看看vscode折叠代码的方法,需要的朋友可以参考下
    2019-04-02
  • vscode怎么规范代码? vscode代码格式化的教程

    vscode怎么规范代码?vscode编程开发的时候,发现代码很轮,想要自动格式化代码,该怎么操作呢?下面我们就来看看vscode代码格式化的教程,需要的朋友可以参考下
    2019-03-25
  • vscode英文版怎么设置自动保存的时间?

    vscode英文版怎么设置自动保存的时间?使用vscode软件的时候,为了防止意外早层的文件丢失损失,想要设置自动保存文件,下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-03-20
  • vscode英文版怎么显示隐藏行号?

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

最新评论