---
# System prepended metadata

title: Vscode擴充插件
tags: [tool use, finished]

---

# Vscode擴充插件

這邊是我會使用並且推薦的VSC擴充插件，一定都是功能不錯的。

| 推薦指數 | 指數敘述 |
| --- | --- |
|:star: | 視個人推薦安裝。 |
|:star::star: | 平常沒用，但有用到我會安裝這個。 |
|:star::star::star: | 可以考慮先安裝。 |
|:star::star::star::star: | 我喜歡也平時會使用。 |
|:star::star::star::star::star: | 我一定會安裝且也會推薦別人安裝。 |

## Live Share

推薦指數 :star::star::star:
![image alt](https://ms-vsliveshare.gallerycdn.vsassets.io/extensions/ms-vsliveshare/vsliveshare/1.0.5948/1736204716927/Microsoft.VisualStudio.Services.Icons.Default =100x100)
https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
提供畫面分享，可以多人共同編輯local的文件。
優點: 可以多人一起編輯，並且可以設定觀看/編輯或是只觀看。
缺點: 對網路有要求，如果網路不好會lag，需要透過MS或是Github登入。使用場景侷限。

## Remote SSH

推薦指數 :star::star::star::star::star:
![image alt](https://ms-vscode-remote.gallerycdn.vsassets.io/extensions/ms-vscode-remote/remote-ssh/0.121.2025050915/1746803838543/Microsoft.VisualStudio.Services.Icons.Default =100x100)
https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh
控制SSH及Tunnel的套件。可以Remote遠端機器，或是在本地上開設Tunnel提供穿透的Remote。
優點: 可以儲存Remote組態設定，介面化不用用cmd操作檔案。
缺點: 如果將設定同步的話，許多local IP的SSH設定也會同步上去，有點麻煩，因此我個人會關閉同步Remote SSH的設定。

## Markdown All in One

推薦指數 :star::star::star::star::star:
![image alt](https://yzhang.gallerycdn.vsassets.io/extensions/yzhang/markdown-all-in-one/3.6.3/1741534224980/Microsoft.VisualStudio.Services.Icons.Default =100x100)
https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one
強化VSC中的Markdown功能。包含Live View支援顯示勾選方格、更多快捷鍵等。
優點: 讓VSC的Markdown與HackMD更相似。
缺點: 顯示與無插件不同，在沒有插件時可能會排版不佳，增加閱讀難讀。

## Qwerty Learner

推薦指數 :star:
![image](https://kaiyi.gallerycdn.vsassets.io/extensions/kaiyi/qwerty-learner/0.3.7/1696663920030/Microsoft.VisualStudio.Services.Icons.Default =100x100)
https://marketplace.visualstudio.com/items?itemName=Kaiyi.qwerty-learner
摸魚。練習英文單字，會在下方狀態欄顯示英文單字，打字練習。
優點: 隱蔽性好。
缺點: 直接擷取文字框輸入，有可能會更改到原檔案。建議新頁面複製code過去使用。

## Thief-Book

推薦指數 :star::star::star::star::star:
![image](https://c-team.gallerycdn.vsassets.io/extensions/c-team/thief-book/0.0.9/1559634504260/Microsoft.VisualStudio.Services.Icons.Default =100x100)
https://marketplace.visualstudio.com/items?itemName=C-TEAM.thief-book
摸魚。將小說顯示在狀態欄。
優點: 隱蔽性好。
缺點: 只能使用txt檔，上一頁快捷鍵功能有問題，換頁偵測不能設為換行符號(也有可能是我不會設定)。

## Docker

推薦指數 :star::star::star::star:
![image alt](https://ms-azuretools.gallerycdn.vsassets.io/extensions/ms-azuretools/vscode-docker/1.29.6/1745860914466/Microsoft.VisualStudio.Services.Icons.Default =100x100)
https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker
用於管理Docker Container。有在用Docker的必裝。
優點: 可以快速開啟及編輯Container或是Compose。
缺點: 挺肥的。而且由於會檢查Docker環境狀態，會拖累VSC開啟速度。

## GitLens — Git supercharged

推薦指數 :star::star::star::star::star:
![image alt](https://eamodio.gallerycdn.vsassets.io/extensions/eamodio/gitlens/2025.5.2405/1748077698691/Microsoft.VisualStudio.Services.Icons.Default =100x100)
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
更好的Git工具，可以針對每行顯示commit的人員、時間。
![image](https://hackmd.io/_uploads/Bk5z-rWfxg.png =300x)
並且更好的顯示Commit Graph。(現在似乎是PRO版本的功能)。
![image](https://hackmd.io/_uploads/HJTEWBWfex.png =300x)
優點: 可以一目了然每一行、每一個function是什麼時候寫的，以及該行的commit title。
缺點: 旁邊的icon很沒用很礙眼，我都會將icon隱藏。

## gitignore

推薦指數 :star::star::star::star::star:
![image alt](https://codezombiech.gallerycdn.vsassets.io/extensions/codezombiech/gitignore/0.10.0/1740794494947/Microsoft.VisualStudio.Services.Icons.Default =100x100)
https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore

在git init後，透過Ctrl+Shift+P執行Add gitignore，快速新增語言對應的.gitignore文件。

## vscode-pdf

推薦指數 :star::star::star:
![image alt](https://tomoki1207.gallerycdn.vsassets.io/extensions/tomoki1207/pdf/1.2.2/1736559861315/Microsoft.VisualStudio.Services.Icons.Default =100x100)
https://marketplace.visualstudio.com/items?itemName=tomoki1207.pdf
讓你可以在VSC中直接打開pdf，不用切窗。
優點: 超級方便。
缺點: 沒有缺點，但使用場景少。

## Markmap

推薦指數 :star:
![image alt](https://gera2ld.gallerycdn.vsassets.io/extensions/gera2ld/markmap-vscode/0.2.10/1739552188446/Microsoft.VisualStudio.Services.Icons.Default =100x100)
https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode
可以將Markdown轉換為mind map觀看。
優點: 炫炮。
缺點: 實用性低(畢竟我個人沒有很喜歡mind map)。

## Git Graph

推薦指數 :star::star::star::star:
https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
![image alt](https://mhutchie.gallerycdn.vsassets.io/extensions/mhutchie/git-graph/1.30.0/1617594001998/Microsoft.VisualStudio.Services.Icons.Default  =100x100)
更方便的查找git tree。vscode內建就有git graph功能，這個只是更方便且詳細。
優點: 好看方便。
缺點: 沒有缺點。

## autoDocstring - Python Docstring Generator

推薦指數 :star::star::star::star::star:
https://marketplace.visualstudio.com/items?itemName=njpwerner.autodocstring
![image alt](https://njpwerner.gallerycdn.vsassets.io/extensions/njpwerner/autodocstring/0.6.1/1644940808599/Microsoft.VisualStudio.Services.Icons.Default =100x100)
幫你在python中加入docstring。只要打上docstring的開頭`"""`或`'''`就可以選擇建立docstring。
優點: 超級方便快速。
缺點: 有時候只是要建立多行註解時會誤觸。

## Drawio Preview

推薦指數 :star::star::star::star:
https://marketplace.visualstudio.com/items?itemName=purocean.drawio-preview
![image](https://purocean.gallerycdn.vsassets.io/extensions/purocean/drawio-preview/0.2.0/1648868915553/Microsoft.VisualStudio.Services.Icons.Default =100x100)
可以在VSC中直接預覽Draw io檔案。
如果想要在VSC中直接編輯可以選擇[Draw.io Integration](https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio)(但我個人認為視窗太小不適合編輯)
優點: 方便快速開啟檔案
缺點: 小肥，而且深色模式偶爾有些顯示問題，但還兩者都還可以接受。