1.ESLint

ESLint是OpenJS基金會(huì)下的熱門(mén)JavaScript開(kāi)源庫(kù)。該庫(kù)也提供了VSCode擴(kuò)展，可以無(wú)縫的集成到VSC中。它可以用來(lái)檢測(cè)錯(cuò)誤并自動(dòng)修復(fù)它們或提供手動(dòng)修復(fù)它們的選項(xiàng)。

十余年的滁州網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷(xiāo)型網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶(hù)設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整滁州建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“滁州網(wǎng)站設(shè)計(jì)”,“滁州網(wǎng)站推廣”以來(lái)，每個(gè)客戶(hù)項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

這些錯(cuò)誤是由語(yǔ)法錯(cuò)誤或違反編程風(fēng)格指南產(chǎn)生的。編程風(fēng)格可以按照企業(yè)的實(shí)際情況設(shè)置。

ESLint易于使用，文檔豐富，而且可高度定制。

星級(jí):5

下載次數(shù)：1817萬(wàn)

源碼倉(cāng)庫(kù)： github /Huachao/vscode-restclient

2.Prettier

Coding過(guò)程中代碼格式時(shí)常會(huì)弄亂，比如：錯(cuò)誤地縮進(jìn)了JS代碼、每行寫(xiě)了超過(guò)80個(gè)字符，等等。不光影響美觀和可讀性，對(duì)于處女座的碼農(nóng)來(lái)說(shuō)這也是個(gè)巨大的障礙。

有了Prettier，它可以幫我們搞定這一切。它負(fù)責(zé)將代碼格式化為優(yōu)雅、人性可讀的格式。包括正確縮進(jìn)代碼，如果代碼太長(zhǎng)則將代碼分解，是否與添加分號(hào)保持一致等等。

ESLint和Prettier可以完美地協(xié)同工作，幫助團(tuán)隊(duì)提供與JavaScript樣式指南保持一致的、對(duì)可維護(hù)性非常有用的。

星級(jí):4

下載次數(shù)：1799萬(wàn)

源碼倉(cāng)庫(kù)： github /prettier/prettier-vscode

3.GitLens

GitLens插件增強(qiáng)了VSC中內(nèi)置的Git功能。提供git更改、作者和更改時(shí)間的詳細(xì)信息。

這意味著在編碼時(shí)，可以在代碼旁邊看到git更改的詳細(xì)信息。懸停時(shí)，它會(huì)為提供有關(guān)該代碼行的更多git信息和操作。

這些操作包括暫存更改、提交更改、推送提交等等。 你真的不需要帶有這個(gè)擴(kuò)展的Git CLI。 此外，您可以輕松導(dǎo)航和修改任何文件的git歷史記錄(向后和向前)。

星級(jí):5

下載次數(shù)：1263萬(wàn)

源碼倉(cāng)庫(kù)： github/eamodio/vscode-gitlens

4.Code Runner

使用Code Runner可以很輕松地在VSC中運(yùn)行代碼并在VSCode 輸出(終端窗口)。該擴(kuò)展支持超過(guò)41種流行語(yǔ)言的代碼，包括 C、C++、Java、JS、PHP、Python、Perl、Go 和Rust等。

Code Runner可以運(yùn)行文件中的所有代碼，也支持按需運(yùn)行選定的代碼。比如：可以選擇一個(gè)函數(shù)并僅運(yùn)行該函數(shù)。

運(yùn)行選定代碼時(shí)，應(yīng)確保選定代碼不依賴(lài)于未選定代碼，否則可能導(dǎo)致錯(cuò)誤。

星級(jí):5

下載次數(shù)：1087萬(wàn)

源碼倉(cāng)庫(kù)： github /formulahendry/vscode-code-runner/

5.GitHub PR and ISSues

GitHub PR and ISSues可幫助直接在VSCode中查看和管理GitHub PR和問(wèn)題。

有了它，可以輕松地從GitHub列出問(wèn)題和拉取請(qǐng)求?？梢栽u(píng)論問(wèn)題、開(kāi)始處理問(wèn)題、查看和驗(yàn)證拉取請(qǐng)求等等。

無(wú)需要打開(kāi)GitHub Web頁(yè)面來(lái)管理拉取請(qǐng)求或解決問(wèn)題，所有這些都可以在VSCode中完成。

星級(jí):3

下載次數(shù)：470萬(wàn)

源碼倉(cāng)庫(kù)： github/Microsoft/vscode-pull-request-github

6.Indent-rainbow

Indent Rainbow可實(shí)現(xiàn)代碼縮進(jìn)著色。這對(duì)于JS和Python等語(yǔ)言非常有用。每個(gè)級(jí)別都有不同的顏色，可以輕松判斷的縮進(jìn)級(jí)別。

該擴(kuò)展是可定制的，可以輕松更改每個(gè)級(jí)別的顏色，可支持四種以上顏色。

星級(jí):5

下載次數(shù)：281萬(wàn)

源碼倉(cāng)庫(kù)： github/oderwat/vscode-indent-rainbow

7.DotENV

DotENV 擴(kuò)展可以突出顯示的.env文件，使其更加易讀而且防止錯(cuò)誤。這對(duì)于Node 開(kāi)發(fā)人員設(shè)置環(huán)境變量時(shí)非常有用。

這個(gè)擴(kuò)展為評(píng)論(它啟用評(píng)論)、字符串、數(shù)字、屬性、關(guān)鍵字等提供了不同的顏色。在VSCode中這些默認(rèn)都是全白的，但這個(gè)擴(kuò)展改變了這一點(diǎn)。它基本上使.env文件看起來(lái)像另一種具有語(yǔ)法突出顯示的語(yǔ)言文件。

星級(jí):5

下載次數(shù)：234萬(wàn)

源碼倉(cāng)庫(kù)： github/mikestead/vscode-dotenv/

8.REST Client

REST Client 可以用來(lái)操作和管理HTTP請(qǐng)求并直接在編輯器中查看響應(yīng)。

使用該擴(kuò)展，可以管理HTTP請(qǐng)求(GET、POST、DELETE、PUT 等)，這是使用API 的一個(gè)很酷的功能，請(qǐng)求響應(yīng)結(jié)果可以輕松保存到本地磁盤(pán)。

它還支持 GraphQL以及身份驗(yàn)證。

星級(jí):5

下載次數(shù)：210萬(wàn)

源碼倉(cāng)庫(kù)： github /Huachao/vscode-restclient

9.TailwindCSS

TailwindCSS是一個(gè)開(kāi)源擴(kuò)展，可以用來(lái)極大限度地提高工作效率。

我們知道Tailwind主要是關(guān)于類(lèi)的，這個(gè)擴(kuò)展提供了TailwindCSS中所有類(lèi)名的快速自動(dòng)完成。使用此擴(kuò)展程序，可以通過(guò)將鼠標(biāo)懸停在特定類(lèi)名稱(chēng)上來(lái)查看其樣式。

Tailwind CSS還為樣式表或標(biāo)記中的錯(cuò)誤提供linting。所以如果錯(cuò)誤地使用了一個(gè)類(lèi)名，它就會(huì)提醒你。

星級(jí):5

下載次數(shù)：86萬(wàn)

源碼倉(cāng)庫(kù)： github /tailwindlabs/tailwindcss-intellisense

10.VSCode-icons

VSCode-Icons可根據(jù)文件夾/文件的名稱(chēng)或基于文件的擴(kuò)展名提供交互式和好看的文件/文件夾圖標(biāo)。

使用具有不同圖標(biāo)的不同類(lèi)型的文件夾或文件，可以在項(xiàng)目中無(wú)縫導(dǎo)航，而無(wú)需一直閱讀文件夾或文件的名稱(chēng)。這需要更輕松、更快速的導(dǎo)航，同時(shí)使編輯器的文件列表更加美觀且更易用。

結(jié)論

本文我們介紹了一些優(yōu)秀的VSCode擴(kuò)展。當(dāng)然這只是VSCode龐大生態(tài)系統(tǒng)中的冰山一角，更多更好的插件需要大家去挖掘和開(kāi)發(fā)。

文章標(biāo)題：2022年推薦給Web開(kāi)發(fā)人員的十大VSCode擴(kuò)展
URL鏈接：http://uogjgqi.cn/article/dhijoej.html