.jpg)
常說「工欲善其事，必先利其器」，一款好用的編輯器幫助我們提高工作效率。本篇文章給大家分享一些好用的vscode插件，讓你的vscode更好用！
【推薦學(xué)習(xí)：《vscode》】
作為一名程序員，我們雖然經(jīng)常使用的是ide，但不能所有的文本或者文件都是用idea打開進(jìn)行操作，這樣太浪費(fèi)資源。
基本上每個(gè)人都會給自己備用個(gè)文本編輯器作為輔助內(nèi)容操作。例如我們常用的vim,sublime,atom等等。每個(gè)軟件都有自己的特色，今天推薦的是微軟推出的一款代碼編輯器vs code。
簡介
vscode 微軟在15年推出的免費(fèi)跨平臺的編輯器，并且具有很強(qiáng)大的功能。
-
支持幾乎所有的主流的開發(fā)語法高亮。
-
智能代碼補(bǔ)全
-
自定義快捷鍵
-
強(qiáng)大的插件擴(kuò)展
-
跨平臺
為什么推薦vs code
對于我來說經(jīng)常寫博客做筆記，需要一款合適的文本編輯器是十分重要的，好的功能能幫助我提高效率，讓自己心情也美麗。
但是從sublime,簡書，掘金，還有其他的markdown軟件上我感覺還是不適合自己。原因如下：
簡書markdown不提供快捷鍵操作，無法將內(nèi)容直接同步到git上。
掘金類似，無法提供到git上，需要同步其他地方，需要下載下來才能粘貼復(fù)制才行。
所以我一直在尋找一個(gè)既可以進(jìn)行簡單編碼的文本編輯器，又可以預(yù)覽markdown文字內(nèi)容的編輯器，還可以支持markdown圖床功能編輯器。
幸好它讓我找到了。就是vscode。
當(dāng)然支持這么多功能也是建立在豐富的插件上的。每一個(gè)好的插件使得vscode 用起來更加的強(qiáng)大。
我現(xiàn)在主要使用vscode在 markdown ，git ,Java，文本功能。本篇文章也是建立在這個(gè)基礎(chǔ)上完成。
Vscode，能用來寫文檔，能用來編碼，還可以用來聽音樂，炒股票，做項(xiàng)目規(guī)劃。
哈哈說了這么多，你是不是感到驚訝？我們經(jīng)常用的vscode竟然這么厲害？是的，沒有想錯(cuò)，vscode就是這么牛。
接下來我們來看下怎么利用vscode，打造一個(gè)全能性的寫作工具。讓我們把其他的markdown 軟件卸載吧。
插件搜索
點(diǎn)擊左側(cè)工具欄的最后一個(gè)就是插件商店，我們可以搜索需要的插件內(nèi)容
markdown 插件安裝
Markdown是一個(gè)輕量性的文本語言，程序員大部分都是利用它來編寫文檔，那你經(jīng)常在哪里寫文檔呢？騰訊文檔？石墨文檔？或者簡書？或CSDN？或者掘金？
這些網(wǎng)站都是支持Markdown語法，但這些網(wǎng)站都有個(gè)問題，有的網(wǎng)站圖片是防止盜鏈接的，比如掘金的圖片鏈接是不能放到別的網(wǎng)站上使用的。
這個(gè)時(shí)候我們需要的一個(gè)地方能使用markdown來寫內(nèi)容，并且圖片看還可以使用自己的圖床(存儲自己圖片的地方)。而vscode就原生支持markdown，為了讓markdown更加的好用，我們來安裝以下插件來幫助我們提高效率。
插件paste image to qiniu與軟件PicGo
Vscode 是沒法保存圖片的，或者寫的時(shí)候?qū)D片保存為本地圖片。
本地圖片不方便，當(dāng)我們想把文章保存到別的地方時(shí)，還需要把圖片進(jìn)行處理。所以給vscode配置個(gè)圖床是必要的。
圖床你可以選擇使用vscode中的qiniu插件作為圖床軟件，也可以在網(wǎng)上搜索PicGo這個(gè)軟件作為圖床工具，PicGo提供了多種圖床實(shí)現(xiàn)方式，并且上傳完后會把上傳的路徑保存到粘貼板上，嘿嘿，這就方便復(fù)制到Vscode中了。我建議你使用PicGo
使用圖床之前，我們得先有個(gè)云存儲。我們在這里使用的對象存儲是七牛云，可以點(diǎn)擊注冊。
一定記得提前注冊好云床哦。
如果不想裝軟件，那么也可以直接使用Vscode中的paste image to qiniu插件，
該插件是作用于將我們的圖片上傳保存到七牛云上，只要七牛云不倒閉，那么我們的圖片一直可以保存著。
是可以支持截圖上傳的，不用再把圖片弄到本地再進(jìn)行遷移，直接進(jìn)行上傳。連接地址
預(yù)覽插件Markdown Preview Enhanced
該插件是進(jìn)行markdown 內(nèi)容進(jìn)行展示的，左右兩側(cè)分屏顯示。跟簡書，掘金都是一樣的顯示效果。
雖然vscode自帶預(yù)覽工具，但是預(yù)覽功能并不多，而這款插件就是預(yù)覽功能增強(qiáng)，還可以導(dǎo)出pdf,word,html. 還可以一鍵生成目錄的TOC，本文的目錄就是通過該插件生成的。
不要忘記，markdown也是可以用來畫時(shí)序圖的，還可以使用該插件來畫plotly圖像。
如果你對顯示效果感覺不好，還可以調(diào)整樣式，下圖展示了多種樣式的選擇。
調(diào)整樣式
Markdown Note Snippets
這個(gè)插件目標(biāo)是降低我們每天重復(fù)的事情。
使用快捷鍵插入模版，在這個(gè)插件中作者提供了KPT日記的方式記錄生活記錄。KPT 三個(gè)字母分別代表 Keep、Problem 和 try。具體含義如下：
-
Keep: 當(dāng)前你正在做的事，不要過于寬泛
-
Problem：今日所遇到的問題
-
Try：你準(zhǔn)備明天要嘗試的解決方案
除了每日工作記錄之外，還有文獻(xiàn)泛讀模板，文獻(xiàn)精度模板。
每日日志記錄
Markdownlint
Markdown雖然語法不多，但是有時(shí)候我們寫的并不是很規(guī)范，而MarkdownLint插件就是來規(guī)范我們寫的語法，檢查我們的語法是否正確。如果語法有錯(cuò)誤則會進(jìn)行語法的提示，怎么樣是不是感覺自己在編程？
Markdown All in One
Markdown 語法雖然簡單，但是每次都要是敲這些命令的話，也是一鍵很繁瑣的事情，特別是大家都習(xí)慣使用快捷鍵的情況下，有需求就有解決方式，Markdown All in One 就是來解決這個(gè)問題的。
使用Ctrl + B加粗字體，Ctrl+ I 斜體等，一鍵創(chuàng)作表格內(nèi)容，想提高markdown的效率，那么該插件不容錯(cuò)過。
Markdown? shortcuts
這個(gè)插件可以跟其他插件進(jìn)行混合使用，它主要是用來提供一些常用的操作快捷鍵，比如上面說的加粗，斜體。當(dāng)然這個(gè)插件還提供了快速創(chuàng)建代碼塊，行內(nèi)代碼塊，表格的快捷鍵。具體快捷鍵可以看下圖。有了這些快捷鍵，我們在vscode上寫文檔，跟在石墨文檔，騰訊文檔是沒有任何的區(qū)別的。
甚至更好的我們使用插件組合，幫助我們把文檔整理成電子書進(jìn)行輸出。
Git與GitLens
配置git方便自己每次將內(nèi)容上傳到github倉庫上，最喜歡的就是使用命令行進(jìn)行操作git.
由于是window環(huán)境，在vs code 上使用linux的命令行操作，我們需要下載好git bash，具體下載安裝方法可以百度。
在 vscode 的終端內(nèi)配置上 git bash，然后就可以使用linux命令行操作。
當(dāng)然如果也可以使用Widdow環(huán)境的shell，最近微軟新出的終端也是挺漂亮和優(yōu)秀的。
使用Vscode的Git,那么GitLens是必不會少的一個(gè)插件。
GitLens幫助你更好地理解代碼。快速查看一行或代碼塊被更改的人、原因和時(shí)間。回顧歷史，進(jìn)一步了解代碼是如何以及為什么進(jìn)化的。毫不費(fèi)力地探索代碼庫的歷史和發(fā)展.
日常劃水插件
每天工作已經(jīng)很累了，總喜歡忙里偷閑，vscode中提供了讓我們劃水的插件。一般寫代碼，一邊劃水。
網(wǎng)易云音樂
在插件市場搜索vsc-netease-music ，打開vscode就能聽音樂，是不是很爽？也不用專門打開音樂軟件聽歌了。
看小說
嘿嘿，還記得在上學(xué)期間，偷偷看小說被老師逮住的情景嗎？為了不讓老師抓住，我們在書籍的表面弄上課本的封面，用來掩飾自己劃水的行為。
而vscode中也有同樣的功能是，read-vscode-e這個(gè)插件就能讓我們一般看小說劃水，產(chǎn)品經(jīng)理路過還以為你在寫代碼呢？
Vscde-leetcode
上面幾個(gè)劃水插件是不是感覺自己挺頹廢的，為了讓自己進(jìn)大廠，日常刷題也是必要的，但在公司怎么刷題呢？嘿嘿，vscode 刷題插件騰沖出世，刷題的時(shí)候老板還以為你在認(rèn)真的工作呢。
總結(jié)
上面主要是介紹了關(guān)于怎么使用Vscode打造一個(gè)適合自己的寫作環(huán)境，其實(shí)還有更多的插件沒有介紹，比如說怎么使用Markdown跟Git結(jié)合，怎么在Vscode中打造一個(gè)看板，每天寫下自己的計(jì)劃。
好的編輯器，總是能有各種方式幫助我們解決我們的問題，提高效率。當(dāng)然，適合自己的編輯器才是最好的。為了讓VsCode提高自己的效率，大家還是多多使用插件吧。
更多編程相關(guān)知識，請?jiān)L問：vscode！！
.png)
