VSCode代碼怎么生成圖片? Vscode漂亮的代碼截圖的實(shí)現(xiàn)方法
我要評論VSCode怎么將代碼生成圖片？VSCode中國的代碼是不可以直接變成圖片的，當(dāng)然截圖另算，但是我們可以使用插件將代碼轉(zhuǎn)換為圖片，下面我們就來看看詳細(xì)的教程。
1、我們首先在EXTENSIONS搜索carbon-now-sh，然后安裝該插件。
2、然后我們新建一個文件，編寫一些測試的代碼，代碼的話是不分語言的。
3、接著我們選擇需要生成圖片的代碼片段，鼠標(biāo)右鍵然后選擇Command Palette或者是直接用快捷鍵（Windows - Ctrl + Shift + P，Mac - Cmd + Shift + P）。
4、命令托盤打開之后在輸入框輸入Carbon然后回車，插件會自動打開瀏覽器的頁面。
5、在圖片生成界面我們可以自己根據(jù)情況進(jìn)行設(shè)置，包括背景顏色以及語言等。
6、設(shè)置好之后我們選擇Export然后設(shè)置名稱以及大小，在這里還可以選擇下載的圖片類型，現(xiàn)在暫時支持jpg 以及SVG兩種，然后會自動下載到本地，這樣就完成了代碼轉(zhuǎn)圖片的過程。
以上就是Vscode漂亮的代碼截圖的實(shí)現(xiàn)方法，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
vscode右鍵選擇瀏覽器運(yùn)行html文件怎么實(shí)現(xiàn)?
不同設(shè)備間怎么快速同步vscode插件/配置信息?
VSCODE怎么安裝CSS Peek插件快速查看CSS定義?
相關(guān)文章
VSCode怎么安裝插件運(yùn)行HTML文件？VSCode中無法直接運(yùn)行html文件，需要借助插件來運(yùn)行，下面我們就來介紹插件的安裝以及運(yùn)行html文件的方法，2019-07-11
vscode怎么新建項(xiàng)目? vscode創(chuàng)建項(xiàng)目的教程
vscode怎么新建項(xiàng)目？vscode中想要創(chuàng)建項(xiàng)目，該怎么創(chuàng)建新項(xiàng)目呢？下面我們就來看看vscode創(chuàng)建項(xiàng)目的教程，需要的朋友可以參考下2019-07-04
Vscode是微軟推出的一款優(yōu)秀的ide開發(fā)工具，界面簡潔美觀、默認(rèn)支持中文，擁有豐富的插件，支持Windows，OS X和Linux。2019-06-18
vscode怎么使用? vscode基礎(chǔ)使用和設(shè)置方法
vscode怎么使用？vscode編程開發(fā)的時候很常用的工具，剛開始接觸的朋友需要先了解一下界面和基礎(chǔ)的設(shè)置，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-06-14
vscode編輯器代碼小視圖怎么在左邊顯示？vscode做編程開發(fā)的時候，想要將代碼小時圖放到左邊顯示，該怎么操作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-06-11
VSCode怎么設(shè)置宏? VSCode宏的添加方法
VSCode怎么設(shè)置宏？VSCode編輯代碼的時候，經(jīng)常會使用宏，該怎么設(shè)置宏呢？下面我們就來看看VSCode宏的添加方法，需要的朋友可以參考下2019-04-28
vscode代碼折疊功能怎么使用? vscode折疊代碼的方法
vs code代碼折疊功能怎么使用？vs code編程開發(fā)的時候，代碼很多，想要折疊代碼，該怎么實(shí)現(xiàn)呢？下面我們就來看看vscode折疊代碼的方法，需要的朋友可以參考下2019-04-02vscode怎么規(guī)范代碼? vscode代碼格式化的教程
vscode怎么規(guī)范代碼？vscode編程開發(fā)的時候，發(fā)現(xiàn)代碼很輪，想要自動格式化代碼，該怎么操作呢？下面我們就來看看vscode代碼格式化的教程，需要的朋友可以參考下2019-03-25
vscode英文版怎么設(shè)置自動保存的時間？使用vscode軟件的時候，為了防止意外早層的文件丟失損失，想要設(shè)置自動保存文件，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-03-20
vs code英文版怎么顯示隱藏行號？Visual Studio Code中編程開發(fā)的時候，想要隱藏行號，該怎么隱藏或者顯示行號呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-03-20
