1. 程式人生 > 其它 >vscode 有哪些讓人眼前一亮的外掛?

vscode 有哪些讓人眼前一亮的外掛?

作者:bingbing
連結:https://www.zhihu.com/question/311803609/answer/1515415408
來源:知乎
著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。

GitLens

這是目前為止最讓我驚豔的和Git整合相關的外掛。GitLens不僅有助於Git操作,更是幫助使用者閱讀原始碼的利器。

VS Code 自帶的 Git 在易用性和完整性之間取得了一個不錯的平衡,大多數使用者都能夠使用它完成工作,但是依然有很多使用者會覺得功能不夠用。比如:

  • 無法檢視當前程式碼歷史記錄
  • 無法檢索某個 commit 中的程式碼改動
  • 無法比較兩個 commit 或者 branch,然後閱覽程式碼改動
  • ......

GitLens彌補了這些缺陷,有助於提交我們開發和閱讀的效率。

以下列舉一些GitLens的常用功能:

File History view

檔案歷史檢視。展示當前檔案的歷史變更記錄。

Line History view

行歷史檢視。展示當前所在行的歷史變更記錄。我曾多次用它找到製造bug的萬惡之源,哈哈~

Gutter Blame

點選圖中右上角紅色箭頭指向的Toggle File Blame Annotations 按鈕來開啟或關閉Gutter Blame功能,這個功能可以讓你概覽這個檔案中每一行程式碼的作者、註釋和提交時間。

螢幕中間深淺不同的熱力圖線表示程式碼提交時間的遠近,顏色越深表示程式碼提交的時間越近,顏色越遠表示程式碼提交的時間越遠。

Current Line Blame & Status Bar Blame

檢視滑鼠所在行程式碼是誰在何時提交的,以及提交的comment。

Search Commits view

在Search Commits 檢視可以根據作者、檔名、Commit ID等檢索提交歷史。

GitLens還有許多非常實用的功能,具體請參考專案地址:

https://github.com/eamodio/vscode-gitlens​github.com

評論區有小夥伴喜歡這個主題配置,在此更新一下。

主題由兩部分構成:

  • 工作區主題 - Vscode Color Theme : Solarized Light

設定步驟:

File -> Preference -> Color Theme -> Solarized Light

  • 狀態列主題 - 整合在Vim外掛中的外掛:vim-airline

airline是Vim編輯器中最常用的狀態列主題,vscode中的Vim外掛集成了airline,可以在setting.json中配置狀態列在Vim不同模式中的色調:

vscode vim-airline

Visual Studio Code之所以越來越受歡迎,眾多優秀的外掛功不可沒。微軟資深VS Code專家所著的《Visual Studio Code 權威指南》這本書的一大特色就是幫助開發者找到合適的外掛,無論你感興趣的是各種程式語言(JavaScript/TypeScript、Java、Python等),還是具體的開發場景(前端、雲原生、物聯網等),書中都提供了詳盡的指引和介紹來幫助開發者把VS Code定製成高效又稱手的開發環境,值得一讀:

漫思