使用了 VSCode 多年,必須說 VSCode 真的好好用,而好用的關鍵除了優雅的介面,還有和套件的相輔相成,這篇文章整理了 6 個我覺得一定要安裝的套件,絕對能大大提升生產力~

GitLens

GitLens 最好用的功能就是可以看到誰在哪個時間、哪個 commit 修改過該行。

Gitlens

Git Graph

Git Graph 會把 Git 轉成圖形化介面,方便追蹤查看歷史版本,還可以使用 GUI 進行 Git 的操作。圖形化介面還可以讓我們清楚的了解各 branch 的關係,以及 local 和 remote 的狀態,而點進每一個 commit 可以看到修改了哪些檔案和修改了什麼。

GitGraph

Markdown Preview Enhanced

開發專案絕不能少的 Readme 幾乎都是用 Markdown 寫的,雖然閱讀 Mardown 不算太難,但用預覽窗格查看絕對更加事半功倍,除了可以避免格式跑掉,閱讀上也更加舒適。

MarkdownPreviewEnhanced

Remote Explorer

可以使用 ssh 連線至其他伺服器,開啟後就像在本地用 VSCode 開啟檔案一樣,連 VSCode 的套件都可以使用,完全解決只有文字視窗的不便。

RemoteExplorer

Live Preview

點下按鈕後就可以在 VSCode 預覽 HTML,編輯檔案不需要存檔及重整就會更新到預覽視窗,使用上非常方便,除了預覽之外,其他瀏覽器有的功能也幾乎都能做到,像是 DeTool、開啟其他分頁等等。

LLivePreview

Live Share

Live Share 可以將自己的 VSCode 和別人共用,當有需要和其他人共同編輯時,就能像 Google 文件一樣可以看到誰正在編輯哪個部分,除了共用一般的檔案,terminal 和 port 等等也都可以共用。

LiveShare

除了上面這幾項也很推薦安裝每個程式語言自己的套件,像是 python, c/c++ 等等

其他文章推薦

VSCode 必學快捷鍵 | 寫程式一定要會,讓你輕鬆編輯程式碼

Markdown 語法大全 | 相見恨晚的筆記和寫作神器