還記得那些舊的電視廣告里賣(mài)的不粘鍋嗎？還記得那些五顏六色的刀子嗎？盡管你的廚房里可能已經(jīng)有了鍋和刀，但你還是會(huì)突然覺(jué)得有必要買(mǎi)它們，因?yàn)樗鼈兛雌饋?lái)更好。visualstudio（VS）代碼擴(kuò)展也會(huì)發(fā)生同樣的情況。有時(shí)開(kāi)發(fā)人員直到看到他們所有的特性才意識(shí)到他們有多么迫切地需要它們。

如果您已經(jīng)做了至少幾年的開(kāi)發(fā)人員，那么您可能已經(jīng)使用了VS代碼并發(fā)現(xiàn)了很好的擴(kuò)展。然而，由于其中許多被標(biāo)記為“最好的”或“最流行的”，其他獨(dú)特的VS代碼擴(kuò)展仍然相對(duì)未知。

在本文中，我們將首先簡(jiǎn)要介紹VS代碼的基礎(chǔ)知識(shí)，然后我將為您提供關(guān)于最有用的VS代碼擴(kuò)展的建議，包括流行的和獨(dú)特的、鮮為人知的擴(kuò)展。這些擴(kuò)展不僅會(huì)提高你的工作效率，而且就像不粘鍋或武士刀一樣，你可能會(huì)想知道沒(méi)有它們你是如何應(yīng)付的！

什么是Visual Studio代碼？

對(duì)于那些進(jìn)入這個(gè)奇妙的編程世界，并正在尋找工具，使他們的編碼更好更快，VS代碼是一個(gè)必須具備的。

在深入了解獨(dú)特的VS代碼擴(kuò)展之前，讓我們先了解VS代碼是關(guān)于什么的。

visualstudio代碼是由Microsoft制作的一個(gè)免費(fèi)源代碼編輯器，適用于Windows、Linux和macOS等不同的操作系統(tǒng)。它內(nèi)置了對(duì)TypeScript、JavaScript和節(jié)點(diǎn).js. 根據(jù)2019年開(kāi)發(fā)者對(duì)堆棧溢出的調(diào)查，它還包含許多有用的特性，這些特性使得這個(gè)開(kāi)發(fā)工具成為程序員中最受歡迎的工具。

例如，使用VS代碼擴(kuò)展，開(kāi)發(fā)人員可以更快地編程并忘記機(jī)械任務(wù)，因?yàn)槠渲幸恍U(kuò)展可以處理所有這些任務(wù)。例如，他們可以花更多的時(shí)間思考新的方法，使軟件更具創(chuàng)新性，而不是調(diào)試。

Visual Studio代碼包括一些重要功能，例如：

• 更快地編寫(xiě)代碼

• 調(diào)試功能可確保代碼干凈無(wú)誤。

• 支持重構(gòu)操作。

• 拆分視圖，允許您同時(shí)處理多個(gè)項(xiàng)目。

• 豐富的語(yǔ)義代碼理解和導(dǎo)航

現(xiàn)在，在介紹了基礎(chǔ)知識(shí)之后，讓我們直接進(jìn)入重要部分：VS代碼擴(kuò)展。

流行與代碼擴(kuò)展

隨著時(shí)間的推移，VS代碼的流行程度不斷提高，因?yàn)樗情_(kāi)源的，新的擴(kuò)展不斷出現(xiàn)在市場(chǎng)上，幫助開(kāi)發(fā)人員解決各種困難。

我在下面列出的五個(gè)VS代碼擴(kuò)展在過(guò)去幾年中非常流行，因?yàn)楦鶕?jù)開(kāi)發(fā)人員的社區(qū)，它們幫助他們提高了編程過(guò)程的效率。這些擴(kuò)展中的大多數(shù)幫助他們自動(dòng)執(zhí)行那些繁瑣而耗時(shí)的手工任務(wù)。想想你在編寫(xiě)代碼時(shí)每天都要做的噩夢(mèng)。這五個(gè)VS代碼擴(kuò)展可能會(huì)幫助你擺脫那些噩夢(mèng)。

GitLens

這個(gè)VS代碼擴(kuò)展可以幫助開(kāi)發(fā)人員更好地理解他們的代碼。當(dāng)一行/塊發(fā)生更改時(shí)，他們可以搜索代碼庫(kù)的歷史，了解代碼是如何更改的、為什么更改的，以及是誰(shuí)更改的。

Prettier

大多數(shù)開(kāi)發(fā)人員，尤其是初學(xué)者，很難維護(hù)一致的代碼。Prettier通過(guò)從代碼中創(chuàng)建一個(gè)抽象語(yǔ)法樹(shù)并用自己的規(guī)則重新打印它來(lái)強(qiáng)制執(zhí)行一致的編碼樣式。

JavaScript（ES6）代碼段

編碼往往是一項(xiàng)單調(diào)的任務(wù)，因?yàn)楹芏鄷r(shí)候，開(kāi)發(fā)人員需要一次又一次地編寫(xiě)相同的代碼。有了代碼片段，他們可以大大減少重復(fù)輸入代碼的需要，有更多的時(shí)間關(guān)注真實(shí)的代碼。

ESLint

它是一個(gè)linting工具，允許開(kāi)發(fā)人員創(chuàng)建自己的linting規(guī)則，這樣他們就可以在代碼中運(yùn)行分析，查看某些模式或代碼是否不遵循特定的規(guī)則準(zhǔn)則。這個(gè)特性對(duì)于需要格式化指導(dǎo)來(lái)保持代碼一致性的開(kāi)發(fā)人員團(tuán)隊(duì)特別有用。

Bracket Pair Colorizer

括號(hào)是開(kāi)發(fā)者的噩夢(mèng)。但是，通過(guò)此擴(kuò)展，用戶(hù)可以定義要與什么顏色匹配的令牌。這樣，方括號(hào)就可以很容易地用顏色來(lái)標(biāo)識(shí)，使開(kāi)發(fā)人員的代碼更具可讀性和一致性。

唯一VS代碼擴(kuò)展

這一年即將結(jié)束，結(jié)果如下所示。這八個(gè)VS代碼擴(kuò)展幫助開(kāi)發(fā)人員在編寫(xiě)代碼時(shí)提高了速度和生產(chǎn)率，從而在今年取得了成功。其中一些擴(kuò)展甚至鼓勵(lì)開(kāi)發(fā)人員在工作時(shí)休息或享受樂(lè)趣！

Peacock

眾所周知，Peacock是一種雄偉的動(dòng)物，它展現(xiàn)出藍(lán)色和綠色的美麗色調(diào)。它們?yōu)閖ohnpapa提供了靈感，johnpapa是PeacockVS代碼擴(kuò)展的創(chuàng)建者，它允許開(kāi)發(fā)人員更改顏色設(shè)置。為什么在編程中更改顏色設(shè)置很重要？

當(dāng)您處理多個(gè)VS代碼實(shí)例時(shí)，有時(shí)很難識(shí)別它們中的每一個(gè)。但是當(dāng)你用顏色把它們區(qū)別開(kāi)來(lái)時(shí)就容易多了。因此，Peacock VS代碼擴(kuò)展可以幫助開(kāi)發(fā)人員識(shí)別他們的工作區(qū)，并以更好的方式組織工作區(qū)，最大化他們的工作流程。

Peacock擴(kuò)展亮點(diǎn)：

• 用不同的顏色自定義您的工作區(qū)。

• 與Live Share和VS Code Remote集成。

• 命令（在命令調(diào)色板中找到）。

• 用戶(hù)定義的最喜愛(ài)顏色。

• 調(diào)整受影響元素的顏色（使其更暗或更亮）。

WakaTime

開(kāi)發(fā)人員花費(fèi)大量時(shí)間編寫(xiě)代碼。這不是新聞，這是他們工作的一部分。然而，花在編碼上的時(shí)間并不一定意味著他們是有效率的，因?yàn)橛袝r(shí)他們根本不知道他們花在特定任務(wù)上的所有時(shí)間。

WakaTime是一個(gè)完美的工具，可以幫助程序員跟蹤他們花在編程上的時(shí)間，幫助他們衡量他們的性能，或者讓他們知道他們是否在不必要的任務(wù)上花費(fèi)了太多的時(shí)間。通過(guò)這個(gè)擴(kuò)展，他們可以通過(guò)查看WakaTime對(duì)他們的表現(xiàn)的見(jiàn)解來(lái)提高他們的生產(chǎn)力。

WakaTime擴(kuò)展亮點(diǎn)：

• 帶有指標(biāo)的個(gè)人儀表板。

• 測(cè)量您的代碼（每個(gè)項(xiàng)目、文件、分支等的實(shí)時(shí)指標(biāo)）。

• 支持600多種編程語(yǔ)言。

• 設(shè)置提醒。

• 使開(kāi)發(fā)人員的日常編碼保持一致。

Carbon

擁有代碼的屏幕截圖并不是最基本的，但它還是很有幫助的。無(wú)論是因?yàn)槟闶且粋€(gè)喜歡在博客文章中添加漂亮截圖的技術(shù)作家，還是因?yàn)槟闶且粋€(gè)為你的團(tuán)隊(duì)創(chuàng)建演示文稿的遠(yuǎn)程程序員，使用截圖會(huì)將某些事情提升到另一個(gè)層次。而Carbon是它的完美VS代碼擴(kuò)展。

盡管Carbon的主要功能是創(chuàng)建代碼的屏幕截圖，但它還具有其他特性，使此擴(kuò)展成為隱藏的寶石：

• 自定義顏色主題、背景色或窗口樣式。

• 生成SVG或PNG圖像。

• 共享代碼屏幕截圖。

• 自動(dòng)檢測(cè)編程語(yǔ)言并應(yīng)用匹配的語(yǔ)法高亮顯示。

• 格式化生成的圖像（具有字體大小和顏色主題）。

Base64

base64是一種編碼算法，允許開(kāi)發(fā)人員將任何字符轉(zhuǎn)換成由拉丁字母、數(shù)字、加號(hào)和斜杠組成的字母表。用戶(hù)可以將漢字、圖像和表情轉(zhuǎn)換成可讀的字符串。所以基本上，它是一個(gè)翻譯。

現(xiàn)在大多數(shù)程序員使用這種獨(dú)特的VS代碼擴(kuò)展對(duì)二進(jìn)制數(shù)據(jù)（如圖像）進(jìn)行編碼，將其嵌入HTML或CSS文件中。此外，Base64用于對(duì)在傳輸或存儲(chǔ)期間可能遭受損壞的數(shù)據(jù)進(jìn)行編碼。

Base64亮點(diǎn)：

• 發(fā)送電子郵件時(shí)附加文件。

• 將圖像嵌入HTML或CSS。

• 輸出二進(jìn)制數(shù)據(jù)。

• 將二進(jìn)制文件保存到數(shù)據(jù)庫(kù)。

Vim

Vim不是visualstudio代碼的競(jìng)爭(zhēng)對(duì)手嗎？幸運(yùn)的是，現(xiàn)在不是了，因?yàn)檫@個(gè)VS代碼擴(kuò)展帶來(lái)了兩全其美。

Vim是一個(gè)文本編輯器，它允許開(kāi)發(fā)人員高效地編寫(xiě)代碼，這不僅是因?yàn)樗奶匦?，也是因?yàn)樗脑?。Vim反對(duì)使用鼠標(biāo)，所以你只能在運(yùn)動(dòng)和動(dòng)作的想法下使用鍵盤(pán)。然而，盡管它是一個(gè)很好的工具，但大多數(shù)開(kāi)發(fā)人員選擇visualstudio代碼是因?yàn)樗呖啥ㄖ菩院透嗵匦浴?/span>

但現(xiàn)在他們不必選擇其中一個(gè)，多虧了Vim擴(kuò)展。開(kāi)發(fā)人員現(xiàn)在可以使用這兩種文本編輯器，使用它們各自的最佳特性。

Vim擴(kuò)展亮點(diǎn)：

• 多級(jí)撤消樹(shù)。

• 廣泛的插件系統(tǒng)。

• 支持?jǐn)?shù)百種編程語(yǔ)言。

• 易于定制。

• 可配置。

Spotify

是的，音樂(lè)也很重要！對(duì)于那些在工作中深深享受音樂(lè)的程序員來(lái)說(shuō)，這是一個(gè)完美的VS代碼擴(kuò)展。

它是如何工作的？安裝Spotify擴(kuò)展后，您可以在編寫(xiě)代碼時(shí)收聽(tīng)喜愛(ài)的歌曲，控制哪些歌曲出現(xiàn)、暫停或跳過(guò)。

Spotify擴(kuò)展亮點(diǎn)：

• 可以在任何平臺(tái)上使用。

• 顯示vscode狀態(tài)欄中播放的當(dāng)前歌曲。

• 提供命令熱鍵。

• 歌詞可用。

Indent Rainbow

與Bracket Pair Colorizer相似，這種獨(dú)特的VS代碼擴(kuò)展的目的是通過(guò)區(qū)分不同顏色的縮進(jìn)來(lái)提高編碼效率。

這個(gè)簡(jiǎn)單的擴(kuò)展的主要目的是通過(guò)給每個(gè)縮進(jìn)選項(xiàng)卡上色來(lái)提高縮進(jìn)的可讀性。默認(rèn)情況下，它有所有的彩虹顏色，但如果它太豐富多彩的你，你可以很容易地定制他們的顏色，你最喜歡的。

Visual Snake Code

我們都需要休息！有時(shí)我們害怕休息，因?yàn)槲覀冇X(jué)得自己在浪費(fèi)時(shí)間，但休息有助于我們補(bǔ)充精力，提高工作效率。大多數(shù)時(shí)候，程序員都在工作，花了好幾個(gè)小時(shí)甚至沒(méi)有意識(shí)到這一點(diǎn)。這意味著他們幾乎從不休息！

但是，使用visualsnake代碼擴(kuò)展，中斷是不可協(xié)商的。這個(gè)擴(kuò)展幫助程序員在經(jīng)典的Snake游戲中分心幾分鐘，他們可以放松一下，休息一下，玩一會(huì)兒，然后繼續(xù)工作！

準(zhǔn)備好優(yōu)化您的工作流程了嗎？

visual studio代碼有數(shù)千個(gè)擴(kuò)展供開(kāi)發(fā)人員使用和欣賞。盡管有一些流行的VS代碼擴(kuò)展非常有用，但不要忽略那些不太知名的擴(kuò)展。這八個(gè)獨(dú)特的VS代碼擴(kuò)展是開(kāi)發(fā)人員尋找提高生產(chǎn)力和工作樂(lè)趣的策略的完美工具。

編程不需要在椅子上坐上八個(gè)小時(shí)（如果不是更長(zhǎng)的話），打字直到眼睛疲勞。編程也是為了享受你的工作，有了這些擴(kuò)展，你就可以一邊聽(tīng)你最喜歡的Spotify播放列表，一邊播放Snake 5分鐘，讓你頭腦清醒。許多這些獨(dú)特的擴(kuò)展將允許您快速編寫(xiě)更好的代碼，優(yōu)化您的工作流程，并在執(zhí)行時(shí)獲得樂(lè)趣。