前言

做為一個非常喜歡 VSCode 的前端開發者，加上自己又是一個有一點點潔癖的處女座，我是對那些還在推薦過時擴展的文章表示及其不屑的。

排除掉部分水文，我也能理解並不是所有人都願意經常關注自己安裝的擴展。但在 VSCode 擴展市場裏，存在着大量下載量特別高，但其實不應該再被使用的擴展。因為這些擴展有的可能作者已經不再維護了，或者有的已經被 VSCode 內置了。

但官方顯然是不會幫我們標註出哪些擴展被廢棄了，這個全靠擴展作者的自覺，有一些擴展作者會在停止維護時修改擴展的介紹，但大部分作者並不會這麼做。

而這篇文章，將會替你整理出這些你不應該再使用，應該立即卸載的擴展。當然卸不卸載這也是我個人的主觀看法，你未必需要做到和我一樣都卸載它們，但我覺得你至少應該知道為什麼它們不應該再被推薦。

• 因為我是做前端開發的，所以大部分插件可能都和前端開發相關
• 文章具有時效性，以下所有的言論僅針對當時，無法保證未來的變化

功能被 VSCode 內置

1. Settings Sync

首次發佈：2015/12/16

介紹：通過使用 Github Gist 對 VSCode 各種配置進行同步

首先你需要卸載的就是大名鼎鼎的 Settings Sync ，因為 VSCode 內置的同步功能比它好用百倍。

雖然但是，還是要感謝 Settings Sync ，雖然使用上確實很麻煩，但在 VSCode 沒推出同步功能前，它是當時唯一的選擇。

2. Auto Close Tag

首次發佈：2016/6/28

介紹：這是一個用於解決標籤自動閉合的擴展

我在當前最新 VSCode 裏測試，無論是 .html .js .jsx 文件，還是 .vue 文件內，都已經默認支持標籤閉合的特性了。

3. Auto Rename Tag

首次發佈：2016/7/3

介紹：這是一個同步修改標籤的擴展

和 Auto Close Tag 是同一個作者，不得不承認這個作者在 2016 年推出的這 2 款擴展，時至今日下載量依舊非常可怕，也證明這兩個非常戳開發者痛點。

同樣，VSCode 後來也內置了該特性，只要光標在標籤上，然後按 F2 ，輸入替換的標籤並按回車即可。

並且通過設置 "editor.linkedEditing": true 還可以達到和 Auto Rename Tag 一樣的效果，也就無需按 F2 了。

4. Path Intellisense

首次發佈：2016/4/17

介紹：路徑自動補全

VSCode 已經支持在 import 和 require 導入語句中補全路徑，設置還支持 alias 別名。

當然在其它場景裏，路徑自動補全還是不支持的，所以建議卸載前可以先禁用該擴展測試或過渡一段時間，確定不使用該擴展也不會對日常開發有影響時再徹底卸載。

5. HTML Snippets

首次發佈：2015/12/25

介紹：HTML代碼片段

最後更新時間定格在 2017/12/28 ，並且擴展主頁上也用大寫強調了請別再使用了：

DISABLING THIS EXTENSION AS IT CURRENTLY CONFLICTS WTH EXISTING VS CODE HTML EXTENSION

替換方案是你應該養成使用 emmet 的開發習慣，它可以大大提升編寫 HTML 代碼的效率。

其次你可以嘗試自定義常用的代碼片段，這並不侷限於 HTML ，這裏推薦一款代碼片段生成工具 snippet-generator ，可以幫助你快速生成不同編輯器的代碼片段。

當然前提是你得知道 VSCode 裏代碼片段定義規則，如果不瞭解可以看看這篇文章《趕快把常用的代碼都做成代碼片段snippets吧，它真的很香！》。

6. Bracket Pair Colorizer 2

首次發佈：2018/9/16

介紹：給代碼中的括號着色

也是被 VSCode 收編的特性，通過設置 "editor.guides.bracketPairs": true 開啓。

7. JavaScript (ES6) code snippets

首次發佈：2015/11/18

介紹：ES6 的代碼片段

首先大部分 ES6+ 語法的代碼片段，VSCode 都內置了，例如輸入 forin 或者 forof ，都可以觸發內置的代碼片段。

其次通過擴展主頁可以看到，很多代碼片段並不常用。例如光是 console 的代碼片段就是 16 個，而我們最常用的可能也就是 console.log ，在 VSCode 裏通過輸入 log 就能輸出 console.log，記憶它們反而非常花精力。

不再維護或維護不積極

8. Live Server

最後更新：2022/3/8

Issues 未關閉數量：1700+

我個人其實是沒有這個擴展的使用需求，因為不管是寫 Vue 還是 React ，框架都已經幫我做好這部分熱更新的處理了，似乎也只有在脱離這類框架基礎上寫一些原生的代碼，才會有這類擴展的需求。如果你也和我一樣，似乎是可以考慮卸載這個擴展。

其次還有個很無奈的發現，就是該擴展的 Github 上有 1700 多個 issues 未關閉，在介紹裏還有關於 Live Server ++ (BETA) 的倉庫鏈接，似乎是該擴展的升級版，雖然還沒發佈。但點進倉庫卻發現，最後一次提交是 2019 年，作者對這個升級版也早就放棄了。

9. SVG Viewer

最後更新：2019/2/28

Issues 未關閉數量：21

這個擴展在 Github 倉庫裏已經被設為只讀，説明不再維護了，推薦使用 SVG 這個擴展，比 SVGViewer 功能更強大。

10. IntelliSense for CSS class names in HTML

最後更新：2020/12/20

Issues 未關閉數量：82

你應該使用 HTML CSS Support ，它們做的幾乎是同一件事，就是在 HTML 代碼中增加 css 的智能提示。

結尾

以上就是整理的十款值得你卸載的 VSCode 擴展，如果你也有推薦卸載的擴展，可以在下面留言分享出來。

參考

• 那些你應該考慮卸載的 VSCode 擴展