Bambiland
  • Works
  • Blog
  • About
  • Search
  • Line Store
Mobile nav

Visual Studio 超好用必裝外掛清單(持續更新)

從 sublime 跳槽到 vscode 大概也有快兩年的時間了,

從一開始的不習慣到現在幾乎所有開發需要做的動作都在 vscode 進行,

真心覺得不用在不同軟體間跳來跳去超方便&節省時間,

因此決定整理一下自己發自內心覺得好用的工具推薦給大家,

也歡迎推薦好用的外掛給我~

那麼就繼續看下去吧

 

Auto Rename Tag

vscode-auto-rename-tag

這個外掛會自動抓取開始 / 關閉的 html Tag,

所以要在 div, span, section ... 之間變換的時候超級方便,

不用自己用眼睛慢慢找。

想了解更多功能點這裡

 

Path Intellisense

vscode-path-intellisense

因為我自己本身有點相對路徑障礙(欸,

每次不論是要寫圖片的路徑或是要 import 的時候都會對很久找不到檔案,

這個外掛完全能夠拯救像我這樣的檔案路癡,

目前在哪層、旁邊有什麼檔案跟資料夾都一目瞭然,

所以超級推薦跟我有一樣困擾的攻城獅們順手裝一下。

想了解更多功能請點這裡

 

Git Graph

vscode-git-graph

強烈推薦給有在使用 Git 做版本控管的人!!

可以把它想成不需離開 vscode 的 SourceTree 或是 sublime merge。

除了有精美的樹狀圖之外,

必備的合併線、確認 commit 內容等等的功能都一應俱全,

在 submodule 間的切換也超級方便。

想了解更多功能點這裡

 

GitLens

vscode-git-lens

基本上就是個程式照妖鏡。

在看 code 的時候可以直接看到是誰寫的、以及前一個 commit 的名稱,

讓你能夠快速了解目前的 code 可能是為了什麼 feature 而加入,

有 bug 也可以知道要找誰。

個人是覺得不論在追 code 或是 debug 都超級方便,

想了解更多功能請點這裡

Prev

RECOMMEND

line 貼圖分析小幫手超級 Beta 版上線

line 貼圖分析小幫手超級 Beta 版上線

如何在 ckeditor 加上程式碼片段外掛 ( code snippet plugin )

如何在 ckeditor 加上程式碼片段外掛 ( code snippet plugin )

css 筆記 | 用純 css 做逐格動畫

css 筆記 | 用純 css 做逐格動畫

前端超好用外掛推薦 | 常用外掛清單

前端超好用外掛推薦 | 常用外掛清單

Git 常用指令(持續更新)

Git 常用指令(持續更新)

  • Blog
  • About
  • Contact
shareTool
Language

Copyright © Bambiland. Made with Webblize.

  • Works
  • Blog
  • About
Language