1 Todo Tree

很多人在處理問(wèn)題時(shí)都有自己的方式，在代碼中加入某種形式的注釋，并承諾自己會(huì)回來(lái)重新審視這段代碼。然而，實(shí)際上很少有人能夠真正回來(lái)重新審視這些注釋，結(jié)果我們經(jīng)常發(fā)現(xiàn)這些被遺忘的代碼片段。

為了解決這個(gè)問(wèn)題，有一個(gè)插件可以幫助我們以不同的樣式在注釋部分編寫ToDo，并且可以方便地在代碼庫(kù)中找到所有相同的ToDo。這樣一來(lái)，就能更好地管理和跟蹤我們的開發(fā)計(jì)劃了。

圖片

2 CSS Triggers

這個(gè)插件可以幫助我們更智能地編寫代碼，并提供有關(guān)CSS屬性的布局、繪制和組合的更多信息。

該擴(kuò)展為CSS屬性添加內(nèi)聯(lián)修飾來(lái)指示它們的成本。

圖片

同時(shí)，我們還可以找到示例，了解在編寫這些屬性時(shí)通過(guò)改變給定CSS屬性而觸發(fā)的不同變化。這些變化因?yàn)g覽器引擎而異，包括Blink、Gecko、WebKit、EdgeHTML。通過(guò)這個(gè)插件，我們可以更好地了解和優(yōu)化CSS代碼。

3 REST Client

這個(gè)工具是在VS Code中使用curl命令的快捷方式和現(xiàn)成解決方案。支持測(cè)試Rest API，包括任何Get/Post/Put/Delete（CRUD）操作，帶有參數(shù)和請(qǐng)求頭。

圖片

4 正則表達(dá)式預(yù)覽器

大多數(shù)人在處理復(fù)雜的正則表達(dá)式并測(cè)試不同的變體時(shí)通常會(huì)訪問(wèn)https://regex101.com/網(wǎng)站。然而，有一個(gè)插件可以幫助我們省去訪問(wèn)其他網(wǎng)站的麻煩，直接在編輯器中即時(shí)測(cè)試你的正則表達(dá)式。這個(gè)插件會(huì)以并排顯示的方式打開結(jié)果和匹配項(xiàng)，讓你更方便地進(jìn)行測(cè)試和調(diào)試。這樣就能更高效地編寫和驗(yàn)證正則表達(dá)式了。

圖片

5 Compareit

這個(gè)擴(kuò)展幫助我們比較兩個(gè)文件，你可以從當(dāng)前項(xiàng)目和計(jì)算機(jī)上的其他目錄選擇文件，甚至可以從剪貼板中選擇文件進(jìn)行比較。使用這個(gè)擴(kuò)展，就不再需要其他在線文本比較工具或離線許可軟件了。它提供了便捷的文件比較功能，讓我們能夠輕松地對(duì)比文件內(nèi)容，提高工作效率。

圖片

6 書簽

當(dāng)你處理大文件并且需要在文件中不斷搜索代碼片段時(shí)，這個(gè)插件非常有幫助。它可以幫助我們?cè)谖募锌焖偬D(zhuǎn)到另一個(gè)位置，節(jié)省寶貴的時(shí)間。你可以在文件中設(shè)置書簽，并通過(guò)簡(jiǎn)單的操作在書簽之間切換。此外，還可以在左側(cè)菜單中查看書簽列表，方便地管理和導(dǎo)航到不同的書簽位置。使用這個(gè)插件，我們能更高效地瀏覽和編輯大文件，提高工作效率。

圖片

7 React Snippets

代碼片段是一種超級(jí)省時(shí)和高效的方式，這個(gè)工具提供了編寫動(dòng)態(tài)組件、類組件、導(dǎo)入、導(dǎo)出、純函數(shù)等片段的功能。

在編輯器中，當(dāng)你輸入csc作為片段的起始，它將顯示一個(gè)包含所有可用選項(xiàng)的選擇列表。你可以傳遞不同的值作為參數(shù)，比如$2、$3等。這個(gè)代碼片段生成器讓你能夠快速插入常用代碼塊，提高編碼速度和質(zhì)量。無(wú)論是快速創(chuàng)建組件，還是導(dǎo)入導(dǎo)出模塊，都能通過(guò)這個(gè)工具輕松完成。

圖片

8 Prettier

對(duì)于美化JavaScript和其他語(yǔ)言的代碼，有多種插件可供選擇，取決于個(gè)人的偏好。剛開始使用此插件時(shí)可能會(huì)感到有些困惑，因?yàn)榕渲貌⒉恢庇^且需要時(shí)間。然而，一旦配置完成，它將非常方便代碼審查人員的工作。

此插件不僅可以格式化代碼，還可以處理LF、RF（UTF-8）和其他格式。它提供了一種便捷的方式，在文檔保存或選擇特定代碼后對(duì)代碼進(jìn)行美化。你可以使用快捷鍵（Command + Shift + P）執(zhí)行相應(yīng)的操作。

通過(guò)使用這個(gè)代碼美化插件，你可以提高代碼的可讀性和一致性，使得代碼更易于維護(hù)和理解。

圖片

9 代碼拼寫檢查器

這個(gè)插件可以幫助我們捕捉到在編寫代碼時(shí)的英語(yǔ)拼寫錯(cuò)誤。它支持幾乎所有主要的編程語(yǔ)言。

圖片

10 添加JSDoc注釋

這個(gè)工具真的很有趣！你不再需要手動(dòng)添加一些虛擬的參數(shù)，比如參數(shù)、返回值、描述等，并將它們從虛擬狀態(tài)更新為實(shí)際參數(shù)?，F(xiàn)在，你只需選擇函數(shù)定義，按下（command + Shift + p）打開命令面板（Mac），然后選擇“添加JSDoc注釋”，一個(gè)帶有所選參數(shù)的注釋部分將自動(dòng)添加。

這個(gè)功能真的很酷，可以幫助我們快速生成JSDoc注釋，提高代碼的可讀性和可維護(hù)性。通過(guò)這個(gè)注釋生成器，你可以輕松地為函數(shù)添加必要的文檔注釋，包括參數(shù)、返回值、描述等。這樣，其他開發(fā)人員就能更好地理解和使用你的代碼了。

圖片