把vscode打形成技術寫做神器

做爲技術開發，你們平時確定須要記錄技術筆記。甚至有的同窗還開通可本身的技術博客或者技術公衆號進行創做。

這個時候有套趁手的寫做工具尤其重要，節省下時間好好休息一下，對於我們程序員來講更加劇要。由於最近在本身學習golang，爲了找個順手的IDE嘗試了一下VScode，用後總結兩個字：「真香」。集編碼、寫做、划水 於一身。

話很少說，咱們今天先說說寫做這部分。

文字內容

文字寫做推薦你們使用markdown。你們的經歷應該主要放在文字內容上，能夠節省你們的排版時間。雖然marakdown的語法很是簡單，可是一款趁手的markdown編輯器也很是重要。由於今天的主角的VScode，因此你們能夠直接在安裝VScode中安裝一下markdown插件便可，好比：

• Markdown All in One

• markdownlint

如今大部分博客平臺都支持markdown，能夠直接講咱們寫的內容複製過去，惋惜的是公衆號如今還不支持。因此要藉助Md2all在線渲染網站，能夠一鍵複製到公衆號，而且還能夠美化一些樣式，比較簡約美觀一些。還能夠選擇不一樣主題或者本身改一些CSS樣式，像下面這樣：

圖片內容

技術寫做常常會畫一些流程圖，架構圖。尤爲圖解會然讓複雜的問題更加直觀，更容易理解。因此有個方便的畫圖軟件很重要。原來一直用processon在線畫圖，可是由於我的免費用戶有文件個數限制，因此不太友好（仍是由於窮，哈哈哈）。最近一直用draw.io，而且支持將文件自動存儲到github，用起來很方便。尤爲如今VScode還有對應的插件，寫字、畫圖都在一個編輯器裏，沉浸感更強了，防止思路再來回切軟件時被打斷。下面時再VScode裏建立一個drawio文件：

畫完圖導出爲圖片，而後藉助PicGo插件+github+jsDelivr（不瞭解的同窗能夠搜索一下，網上不少詳細文檔），自動上傳圖片到github圖牀並自動插入到markdown文件中。VScode也有PicGo對應的插件，因此這些操做也全再VScode中完成，很方便。

代碼

Talk is cheap. Show me the code.

對於文章中的代碼，有人習慣用markdown自己的代碼片斷，也有人習慣放代碼截圖。可是截圖很難截的統一大小，致使不太美觀。這裏推薦用插件Polacode-2020。

能夠把代碼保存爲統一大小的圖片，而後使用圖片部分的插件，自動將代碼圖片插入到文章中。

最後咱們再把上面提到的插件彙總一下，但願對你的寫做有所幫助：

• Markdown All in One
• markdownlint
• Draw.io intergration
• PicGo
• Polacode-2020

---

你們若是喜歡，記得關注哦。