本篇文章給大家推薦10個(gè)值得收藏的vscode插件。有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)大家有所幫助。
【推薦學(xué)習(xí):《vscode》】
1 vscode
在開(kāi)發(fā)過(guò)程中,你可能經(jīng)常會(huì)發(fā)現(xiàn)自己要在項(xiàng)目中添加依賴項(xiàng)。盡管模塊化開(kāi)發(fā)已成為現(xiàn)今軟件開(kāi)發(fā)的關(guān)鍵部分,但最好還是確認(rèn)對(duì)自己的輸入保持一定的細(xì)心。JavaScript 和 typescript 的 Import Cost 插件讓你可以實(shí)時(shí)地警惕所有的依賴項(xiàng)。
當(dāng)你將依賴關(guān)系內(nèi)聯(lián)添加到代碼中時(shí),它會(huì)顯示對(duì)應(yīng)的大小。它是一個(gè)輕巧的插件,可提供預(yù)見(jiàn)性并有助于有效的依賴關(guān)系管理。vscode里也列出了各種導(dǎo)入語(yǔ)法,讓該插件為我們顯示依賴項(xiàng)的大小。
這里有一篇文章詳細(xì)地介紹了原作者開(kāi)發(fā)vscode。
2 vscode
盡管 visual studio Code 的核心功能在對(duì)文件進(jìn)行編碼時(shí)效果很好,但是你可能會(huì)覺(jué)得有必要增強(qiáng) visual studio code 的管理項(xiàng)目以及依賴項(xiàng)中的多個(gè)文件的能力。File Utils 擴(kuò)展讓你可以通過(guò)命令面板執(zhí)行文件操作。
你可以調(diào)出命令面板并選擇一個(gè)文件對(duì)它執(zhí)行簡(jiǎn)單的文件操作。 除了與文件夾相關(guān)的基本操作外,你還可以復(fù)制、移動(dòng)、刪除和重命名文件。它是一個(gè)很實(shí)用的插件,可以讓你在不脫離 Visual Studio Code 范圍的情況下管理項(xiàng)目的文件。
3 vscode
使用 File Utils 擴(kuò)展可以讓你執(zhí)行簡(jiǎn)單的文件操作,而 Project Manager 插件讓你可以進(jìn)一步管理多個(gè)項(xiàng)目。首先,它添加了一個(gè)新的側(cè)邊欄用來(lái)支持處理多個(gè)項(xiàng)目。其次,該擴(kuò)展還可以幫助你管理 git、svn 或 Mercurial 存儲(chǔ)庫(kù)。它讓我們可以進(jìn)一步地管理遠(yuǎn)程存儲(chǔ)庫(kù)。
除了基于 GUI 的功能外,此擴(kuò)展還添加了與項(xiàng)目一起使用的命令。你可以調(diào)整設(shè)置,根據(jù)自己的喜好進(jìn)一步地自定義它的功能。

借助遠(yuǎn)程存儲(chǔ)庫(kù)管理和交互式命令等高級(jí)功能,Project Manager 擴(kuò)展在你的工具中提供了一些的工具庫(kù),這可以延長(zhǎng)你的開(kāi)發(fā)周期。
4 vscode
SVG 指的是可縮放的矢量圖形,并且 SVG 文件是存儲(chǔ)網(wǎng)絡(luò)矢量圖像的文本文件。如果在文本編輯器中打開(kāi) SVG 文件,則通常會(huì)顯示這些文件的文本內(nèi)容。如果你正在直接編輯這些文件,則可能希望查看 ?Visual Studio Code 是如何呈現(xiàn)這些文件。

SVG Viewer 插件讓你可以可視化 SVG 文件,從而節(jié)省了你使用其他應(yīng)用程序查看工作的時(shí)間。從本質(zhì)上講,它可以節(jié)省你對(duì) SVG 文件進(jìn)行快速編輯時(shí)的時(shí)間。
5 vscode
開(kāi)發(fā)人員遇到的大量異常通常可以通過(guò)更正變量、函數(shù)和程序包名稱中的拼寫(xiě)錯(cuò)誤來(lái)解決。另外,你在寫(xiě)評(píng)論,說(shuō)明或文檔時(shí)也可能會(huì)出現(xiàn)拼寫(xiě)錯(cuò)誤。這個(gè)軟件包有助于突出顯示文件中的錯(cuò)誤,它可幫助你檢查各種流行的編程語(yǔ)言的拼寫(xiě)。你還可以調(diào)整設(shè)置,讓 code spell checker 與特定文件類型一起使用。
雖然它在安裝時(shí)支持英語(yǔ),但是附加的字典可用于八種語(yǔ)言和醫(yī)學(xué)術(shù)語(yǔ)。總而言之,它為你優(yōu)秀的 ?Visual Studio Code 擴(kuò)展庫(kù)中添加了一個(gè)小巧而強(qiáng)大的功能。
6 vscode
由于開(kāi)發(fā)的分布式的性質(zhì),你可能需要登錄到遠(yuǎn)程服務(wù)器去更新和測(cè)你的代碼。雖然可以通過(guò)第三方 ssh 客戶端輕松地對(duì)它們進(jìn)行管理,但是存在一個(gè) ?Visual Studio Code 擴(kuò)展,該擴(kuò)展讓你可以在服務(wù)器上進(jìn)行遠(yuǎn)程工作而不用完全離開(kāi)應(yīng)用程序。
microsoft 的 Remote-SSH 插件讓你可以連接到遠(yuǎn)程開(kāi)發(fā)環(huán)境,并且這完全不需要在本地系統(tǒng)中包含任何代碼。它還允許你在多個(gè)遠(yuǎn)程環(huán)境之間交換,從而讓你可以在多個(gè)遠(yuǎn)程系統(tǒng)之間執(zhí)行多個(gè)任務(wù)。此外,該插件還支持連接到基于 linux,windows 或 macos 的遠(yuǎn)程系統(tǒng)。現(xiàn)今,在遠(yuǎn)程服務(wù)器上進(jìn)行開(kāi)發(fā)至關(guān)重要,這也使得「遠(yuǎn)程SSH插件」成為的 ?Visual Studio Code 必不可少的擴(kuò)展。
7 vscode
良好的編程習(xí)慣是確保你的代碼不包含任何尾隨空格。尾隨空格是由新行字符之前的任何代碼行中最后一個(gè)非空格字符之后的任何空格或制表符(本質(zhì)上是不可見(jiàn)的)組成。Trailing Whitespace Visualizer 插件突出顯示了代碼中的所有此類尾隨空白。
尾隨空格是代碼中完全沒(méi)有必要的添加,并且這會(huì)增加文件的大小,因此刪除它們是個(gè)好主意。這個(gè)插件不僅可以在你的代碼中突出顯示它們,還可以在你使用其他團(tuán)隊(duì)成員編寫(xiě)的代碼時(shí)突出顯示它們。
8 vscode
當(dāng)你在使用前端的 JavaScript 代碼時(shí),測(cè)試你的代碼是否正確的常用方法是在瀏覽器上進(jìn)行。chrome Dev Tools 提供了一種通過(guò)控制臺(tái)調(diào)試 JavaScript 的實(shí)用方法。Debugger for Chrome 插件將 ?Visual Studio Code 集成到 Chrome 或支持 vscode的基于 Chromium 的瀏覽器。
有許多調(diào)試功能可讓您識(shí)別代碼中的錯(cuò)誤,而不必離開(kāi) ide。 簡(jiǎn)而言之,Chrome調(diào)試器擴(kuò)展程序可以在通常的調(diào)試過(guò)程中節(jié)省時(shí)間。
9 vscode
ESLint 是一個(gè)靜態(tài) JavaScript 代碼分析器。它會(huì)掃描你的代碼,并發(fā)現(xiàn)語(yǔ)法錯(cuò)誤和低效的編程實(shí)踐。vscode 擴(kuò)展是將 ESLint 與 ?Visual Studio Code IDE 集成在一起,可以實(shí)現(xiàn)按需分析 JavaScript 代碼。但是,它要求將 ESLint 安裝在本地或你的全局系統(tǒng)中。

10 vscode
Visual Studio Code 的 Live Server 擴(kuò)展讓你可以運(yùn)行本地開(kāi)發(fā)服務(wù)器來(lái)測(cè)試代碼。它具有針對(duì)靜態(tài)和動(dòng)態(tài)網(wǎng)頁(yè)的實(shí)時(shí)重新加載功能。
原文地址:https://blog.bitsrc.io/top-10-visual-studio-extensions-in-2020-857ea6d692dd ?作者:Shaumik Daityari
更多編程相關(guān)知識(shí),請(qǐng)?jiān)L問(wèn):vscode!!