vscode實用插件推薦

二 Python

三 版本控制

四 Markdown

五 Shell編程

六 畫圖

1 思維導圖神器：Markmap

2 PlantUML

3 Draw.io Integration

七 開發效率插件

1 Partial Diff

2 Todo Tree

3 Sort lines

4 Sort JSON objects

5 json

6 Rainbow CSV

八 主題

1 One Dark Pro

2 Material Icon Theme

很多編輯器的優勢都是強大的插件支持，vscode自然也不例外，插件可能會佔用一些資源，減慢IDE的啟動速度，但是適當使用一些效率插件，對於提高效率還是很有助益的。

筆者使用vscode接近兩年了，雖然感覺還不算是很順手，但是總歸還是磨合了不少，使用了比較多的插件，最後還剩下一些使用頻率比較高的，所以和大家分享一下，拋磚引玉，也希望有同學能夠給出更多能夠提高效率的工具。

本文主要介紹筆者最近的開發中，使用C/C++、Python、Markdown、Git相關的插件，以及一些文檔編輯和比較、繪圖、主題相關的插件。

提前預告，思維導圖神器Markmap真的很不錯，強烈推薦。

一 C/C++插件推薦1 C/C++（必備）

C/C++是微軟官方開發用於支持C/C++語言開發的插件，對於C/C++開發是必備的。

連結：https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools

2 CMake Tools（必備）

CMake Tools同樣是微軟官方開發的插件，用於支持CMake進行編譯系統的構建。

連結：https://marketplace.visualstudio.com/items?itemName=ms-vscode.cmake-tools

3 CMake

CMake插件提供對CMake支持，有以下功能：

使用的時候需要系統安裝了CMake，然後將cmake添加到環境變量PATH中，如果沒有則需要在設置(.vscode/settings.json)中指定cmake的路徑：

{
    "cmake.cmakePath": "/path/to/cmake"
}
連結：https://marketplace.visualstudio.com/items?itemName=twxs.cmake
4 C-family Documentation Comments和Better Comments
C-family Documentation Comments用於自動生成C、C++語言風格的注釋，筆者主要用在頭文件的函數生命的時候，對函數接口添加描述。Better Comments則提供注釋高亮功能。如下圖：
連結：
C-family Documentation Comments：https://marketplace.visualstudio.com/items?itemName=AlexCoderCorp.commentsBetter Comments：https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
這些插件支持自定義的顏色配置，可以查看插件主頁的介紹。
二 Python1 Python
Python插件微軟官方開發，用於支持Python語言開發，這是必備的。
連結：https://marketplace.visualstudio.com/items?itemName=ms-python.python
2 Pylance
Pylance也是微軟官方開發的，用於給Python語言開發提供快速、豐富的特性支持。使用的時候必須設置"python.languageServer"設置為"Default"或者"Pylance"。
連結：https://marketplace.visualstudio.com/items?itemName=ms-python.vscode-pylance
3 Python Docstring Generator
Python Docstring Generator就是用來生成Python的Docstring的，主要用在對函數的注釋上，它支持不同的風格：
筆者推薦使用Numpy風格，修改設置："autoDocstring.docstringFormat": "numpy"即可。
使用的時候在函數下方請輸入"""回車就會自動根據參數列表插入Docstring模板，然後使用tab鍵在需要輸入描述的位置跳轉即可。
連結：https://marketplace.visualstudio.com/items?itemName=njpwerner.autodocstring
三 版本控制1 Git Graph
Git Graph主要是用來顯示git log，UI比較好看，安裝後使用命令Git Graph: View Git Graph (git log)查看，可以設置一個快捷鍵方便使用。
連結：https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
2 gitignore
gitignore用於生成針對不同語言的.gitignore模板，CMD/Ctrl+Shift+P打開命令版，使用命令Add gitignore然後選擇一個語言模板即可。
連結：https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore
四 Markdown
Markdown編輯vscode支持的還不錯，下面推薦的兩個插件都很強大，根據喜好選擇一個即可。
1 Markdown Preview Enhanced
Markdown Preview Enhanced插件的預覽功能比較強大，可在預覽窗口選擇主題，支持[TOC]標題列表，而且導出功能很好用，相比與後面推薦的Markdown All in One，筆者更加推薦這個。
連結：https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced
2 Markdown All in One
Markdown All in One也非常強大，但是筆者體驗之後總覺得太過於強大而過於多而全，顯得不夠專注，大家可以都體驗一下，選擇合適自己的就好啦。
連結：https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one
推薦Markdown Preview Enhanced的另外一個原因是Markdown All in One上一次更新是2020年底了。
五 Shell編程
shell編程只推薦一個ShellCheck，在筆者之前的文章編寫安全的shell腳本中也介紹過的。
1 ShellCheck
ShellCheck是shell腳本開發必備呀，能夠檢查shell的語法，並且針對一些常見的問題提供Quick fix，非常奈斯：
六 畫圖
作為很酷的程式設計師，怎麼能不畫畫圖呢，比如思維導圖、UML類圖、流程圖。
1 思維導圖神器：Markmap
Markmap是一個基於開源項目markmap開發的vscode插件，畫出來的思維導圖非常非常的漂亮，筆者強烈推薦，可以秒殺絕大部分的收費軟體了。
使用的時候很簡單，只需要簡單的Markdown語法；在安裝好之後，在.md文檔編輯窗口的右上角就會多一個預覽的圖標Open as markmap，當然也可手動打開命令面板，輸入Open as markmap。下面是插件主頁的示例：
2 PlantUML
PlantUML就是用來支持PlantUML繪圖的插件，這個的語法就稍微複雜一些，筆者主要用來繪製UML類圖。
連結：https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml
3 Draw.io Integration
Draw.io Integration是一個非官方的在vscode中集成Draw.io的插件。目前Draw.io也有專門的客戶端了，大家如果不想再安裝一個軟體，安裝一個插件也是不錯的選擇。
Draw.io能畫的圖就很多了，而且導出支持的格式也比較多，筆者覺得這個可以作為微軟辦公套件中visio很好的替代品。
連結：https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio
想當年，visio也是和筆者打過天下的！額，扯遠了扯遠了~
七 開發效率插件1 Partial Diff
Partial Diff提供部分文本內容的比較，筆者經常用在重構函數的時候，用來比較兩個比較類似的函數的實現。
使用的時候先複製要比較的內容，然後選中要比較的另外的一部分內容，右鍵選擇Compare Text with Clipboard，就會打開一個比較窗口。
連結：https://marketplace.visualstudio.com/items?itemName=ryu1kn.partial-diff
2 Todo Tree
Todo Tree，顧名思義，就是按文件目錄結構樹，顯示其中的TODO內容，如下圖：
這個插件還支持將其他的tag也識別成TODOs，比如：
todo-tree.general.tags (["TODO","FIXME","BUG"])
連結：https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
開發過程中，添加的TODO是難免的，但是要記得DO呀~
3 Sort lines
Sort lines用於將選中的行進行排序，有不同的排序規則，一般默認就夠了。沒有設置默認的快捷鍵，使用的時候可以設置一下，比如F9(筆者遵循的是Sublime Text的設置)。
連結：https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines
4 Sort JSON objects
Sort JSON objects用於對json文檔，基於鍵(Key)進行排序，因為要考慮到語法，所以肯定不能使用Sort lines直接進行排序的。
筆者最開始是為了對vscode的配置文件settings.json進行排序發現的這個插件，也挺好使的。使用的時候在json文件中右鍵Sort JSON即可，也有其他排序規則的菜單，按需選擇即可。
連結：https://marketplace.visualstudio.com/items?itemName=richie5um2.vscode-sort-json
5 json
json插件在查看json文件的時候，可以創建一個側邊欄，相當於json文件的目錄，對於查看比較複雜的json文件還是很好的。
連結：https://marketplace.visualstudio.com/items?itemName=ZainChen.json
6 Rainbow CSV
Rainbow CSV插件在打開csv文件的時候，可以將不同的列渲染成不同的顏色，對於經常使用csv格式存儲特徵文件的機器/深度學習、數據分析玩家，真的是不錯的選擇。
連結：https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv
八 主題
筆者嘗試使用了很多不同的主題，最後只剩下一個主題插件和一個icon主題插件。只是推薦，因為蘿蔔青菜各有所愛，主題真的太多了。
筆者的原則是色彩要豐富，不同的元素（方法、成員、變量、函數、結構體、類等等）區分度要足夠明顯。簡單說和找女朋友一樣，漂亮、矜持、睿智、不做作。
1 One Dark Pro
One Dark Pro，對筆者而言是vscode下的最佳選擇。Material Theme遜色一些，在vscode中沒有在Sublime Text上好看。
連結：https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
2 Material Icon Theme
Material Icon Theme的圖標還是不錯的，區分度和色彩應用的都比較到位。
連結：https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
覺得有用，分享/點讚/在看走起，但別收藏吃灰哦