本篇文章給大家推薦10個值得收藏的VSCode插件。有一定的參考價值火鼻，有需要的朋友可以參考一下室囊，希望對大家有所幫助。
【推薦學習：《vscode教程》】
1 Import Cost
在開發(fā)過程中魁索，你可能經(jīng)常會發(fā)現(xiàn)自己要在項目中添加依賴項融撞。盡管模塊化開發(fā)已成為現(xiàn)今軟件開發(fā)的關(guān)鍵部分，但最好還是確認對自己的輸入保持一定的細心。JavaScript 和 TypeScript 的 Import Cost 插件讓你可以實時地警惕所有的依賴項抖僵。
當你將依賴關(guān)系內(nèi)聯(lián)添加到代碼中時，它會顯示對應(yīng)的大小。它是一個輕巧的插件，可提供預(yù)見性并有助于有效的依賴關(guān)系管理嚷闭。插件文檔里也列出了各種導(dǎo)入語法嗅榕，讓該插件為我們顯示依賴項的大小。
這里有一篇文章詳細地介紹了原作者開發(fā)該插件的動機。
2 File Utils
盡管 Visual Studio Code 的核心功能在對文件進行編碼時效果很好，但是你可能會覺得有必要增強 Visual Studio Code 的管理項目以及依賴項中的多個文件的能力。File Utils 擴展讓你可以通過命令面板執(zhí)行文件操作。
[圖片上傳失敗...(image-f4f0b1-1619400873082)]
你可以調(diào)出命令面板并選擇一個文件對它執(zhí)行簡單的文件操作地啰。 除了與文件夾相關(guān)的基本操作外顺呕，你還可以復(fù)制、移動蹦掐、刪除和重命名文件鳖粟。它是一個很實用的插件，可以讓你在不脫離 Visual Studio Code 范圍的情況下管理項目的文件嗜傅。
3 Project Manager
使用 File Utils 擴展可以讓你執(zhí)行簡單的文件操作偶房，而 Project Manager 插件讓你可以進一步管理多個項目瘾敢。首先碟摆，它添加了一個新的側(cè)邊欄用來支持處理多個項目。其次，該擴展還可以幫助你管理 Git、SVN 或 Mercurial 存儲庫壶愤。它讓我們可以進一步地管理遠程存儲庫陕靠。
除了基于 GUI 的功能外，此擴展還添加了與項目一起使用的命令。你可以調(diào)整設(shè)置辩块，根據(jù)自己的喜好進一步地自定義它的功能液兽。
借助遠程存儲庫管理和交互式命令等高級功能敦迄，Project Manager 擴展在你的工具中提供了一些的工具庫撕彤，這可以延長你的開發(fā)周期。
4 SVG Viewer
SVG 指的是可縮放的矢量圖形芳室，并且 SVG 文件是存儲網(wǎng)絡(luò)矢量圖像的文本文件芽死。如果在文本編輯器中打開 SVG 文件，則通常會顯示這些文件的文本內(nèi)容。如果你正在直接編輯這些文件，則可能希望查看 Visual Studio Code 是如何呈現(xiàn)這些文件瓷产。
SVG Viewer 插件讓你可以可視化 SVG 文件，從而節(jié)省了你使用其他應(yīng)用程序查看工作的時間灯节。從本質(zhì)上講偿警，它可以節(jié)省你對 SVG 文件進行快速編輯時的時間。
5 Code Spell Checker
開發(fā)人員遇到的大量異常通常可以通過更正變量吗蚌、函數(shù)和程序包名稱中的拼寫錯誤來解決。另外，你在寫評論菲饼，說明或文檔時也可能會出現(xiàn)拼寫錯誤源葫。這個軟件包有助于突出顯示文件中的錯誤，它可幫助你檢查各種流行的編程語言的拼寫渡八。你還可以調(diào)整設(shè)置，讓 code spell checker 與特定文件類型一起使用窟勃。
雖然它在安裝時支持英語帅刊，但是附加的字典可用于八種語言和醫(yī)學術(shù)語磷仰”门梗總而言之弦叶，它為你優(yōu)秀的 Visual Studio Code 擴展庫中添加了一個小巧而強大的功能蜓耻。
6 Remote — SSH
由于開發(fā)的分布式的性質(zhì)，你可能需要登錄到遠程服務(wù)器去更新和測你的代碼菲宴。雖然可以通過第三方 SSH 客戶端輕松地對它們進行管理查近，但是存在一個 Visual Studio Code 擴展赏僧，該擴展讓你可以在服務(wù)器上進行遠程工作而不用完全離開應(yīng)用程序。
[圖片上傳失敗...(image-be3adb-1619400873082)]
Microsoft 的 Remote-SSH 插件讓你可以連接到遠程開發(fā)環(huán)境，并且這完全不需要在本地系統(tǒng)中包含任何代碼占调。它還允許你在多個遠程環(huán)境之間交換，從而讓你可以在多個遠程系統(tǒng)之間執(zhí)行多個任務(wù)初婆。此外位迂，該插件還支持連接到基于 Linux计寇，Windows 或 macOS 的遠程系統(tǒng)』鹋罚現(xiàn)今，在遠程服務(wù)器上進行開發(fā)至關(guān)重要谎倔，這也使得「遠程SSH插件」成為的 Visual Studio Code 必不可少的擴展孽查。
7 Trailing Whitespace Visualizer
良好的編程習慣是確保你的代碼不包含任何尾隨空格梦碗。尾隨空格是由新行字符之前的任何代碼行中最后一個非空格字符之后的任何空格或制表符（本質(zhì)上是不可見的）組成樱拴。Trailing Whitespace Visualizer 插件突出顯示了代碼中的所有此類尾隨空白驻民。
尾隨空格是代碼中完全沒有必要的添加工禾，并且這會增加文件的大小闻葵，因此刪除它們是個好主意。這個插件不僅可以在你的代碼中突出顯示它們，還可以在你使用其他團隊成員編寫的代碼時突出顯示它們昧旨。
8 Debugger for Chrome
當你在使用前端的 JavaScript 代碼時，測試你的代碼是否正確的常用方法是在瀏覽器上進行。Chrome Dev Tools 提供了一種通過控制臺調(diào)試 JavaScript 的實用方法嗓袱。Debugger for Chrome 插件將 Visual Studio Code 集成到 Chrome 或支持 Chrome 開發(fā)工具協(xié)議的基于 Chromium 的瀏覽器。
[圖片上傳失敗...(image-c60804-1619400873082)]
有許多調(diào)試功能可讓您識別代碼中的錯誤渠抹，而不必離開 IDE蝙昙。 簡而言之，Chrome調(diào)試器擴展程序可以在通常的調(diào)試過程中節(jié)省時間逼肯。
9 ESLint
ESLint 是一個靜態(tài) JavaScript 代碼分析器耸黑。它會掃描你的代碼，并發(fā)現(xiàn)語法錯誤和低效的編程實踐篮幢。ESlint Visual Studio 擴展是將 ESLint 與 Visual Studio Code IDE 集成在一起大刊，可以實現(xiàn)按需分析 JavaScript 代碼。但是，它要求將 ESLint 安裝在本地或你的全局系統(tǒng)中缺菌。
10 Live Server
Visual Studio Code 的 Live Server 擴展讓你可以運行本地開發(fā)服務(wù)器來測試代碼葫辐。它具有針對靜態(tài)和動態(tài)網(wǎng)頁的實時重新加載功能。
原文地址：https://blog.bitsrc.io/top-10-visual-studio-extensions-in-2020-857ea6d692dd
作者：Shaumik Daityari
更多編程相關(guān)知識伴郁，請訪問：編程視頻９⒄健！
