微軟的 VS（Visual Studio）代碼是一個免費的開源代碼編輯器，越來越受歡迎。它非常輕巧，靈活，但仍然包含一些強大的功能。此外，它支持幾乎所有主要的程序語言，包括 PHP，script，C++等等。

　　您甚至可能會驚訝地發現 VS Code 也是跨平台的。它不僅適用於 Windows，而且 Linux 和 Mac 的版本也可供下載。
 
　　但也許最酷的特徵是大規模的擴充套件市場。有免費擴充套件可用於支持新語言，除錯代碼或新增各種其他自定義功能。這使您可以自定義編輯體驗以更好地滿足您的需求。
 
　　今天，我們將向您介紹一些最好的 VS Code 擴充套件程序。幫助您更好的做好 WooCommerce 網站開發，下面讓我們開始吧！
 
　　GitLens

　　雖然 Git 功能已內建於 VS Code 中，但 GitLens 旨在通過更多的版本控制功能 “增強” 編輯器。它提供了對代碼的深入洞察，向您顯示更改時間以及更改後的代碼。您甚至可以比較不同的分支，標籤和提交。總的來説，此擴充套件將使版本控制更具視覺感受。
 
　　Beautify

 
　　您是否非常關注語法突出顯示？如果是這樣，Beautify 只是您需要的擴充套件。它利用了 VS Code 已經存在的 online script Beautifier 的使用，但允許您輕鬆地更改其樣式。這意味著您可以根據內容設置縮排，換行和其他細節等元素。
 
　　ESLint

　　script 可能很難除錯。但 VS Code 的 ESLint 擴充套件可以使該過程更容易。它有助於在您執行代碼之前指出代碼中的潛在問題。更好的是，擴充套件程序允許您建立自己的 linting 規則。那想要了解更多的要點，也可以看看上一篇《分享 9 個最佳免費 CSS Flexbox 教程》。
 

       Debugger for Chrome

 
　　對於在執行時期間對代碼進行故障排除的開發人員，Debugger for Chrome 將幫助您完成工作。有許多方便的功能，包括在代碼，手錶和控制枱中設置斷點的功能。此外，您可以選擇在 VS Code 中執行 Chrome 例項，或將偵錯程序附加到單獨執行的瀏覽器例項。
 
　　
       React Native Tools

 

　　React 是最引人注目的 JS 庫之一, 以至於新的 WordPress 塊編輯器（又名 Gutenberg）就是基於它構建的。如果您是眾多參與其中的人之一，那麼 React Native Tools 是必不可少的擴充套件。它增加了執行 react-native 命令的能力，並將幫助您除錯代碼。
 
　　One Dark Pro

　　在處理 WooCommerce 網站開發的代碼時，有一個既有視覺吸引力又舒適的編輯器也很有幫助。畢竟，編碼會話可以持續數小時。 One Dark Pro 將 Atom 編輯器中流行的 “One Dark” 主題帶到了 VS Code 。您可以通過 Microsoft 的開源應用程序的其他便利獲得這種標誌性外觀的熟悉程度。
 
　　Bracket Pair Colorizer 2
 

　　支架對 Colorizer 2 是一個簡單的擴充套件，但可以使代碼更容易消化。它使用匹配括號的顏色代碼，使您可以直觀地確定功能的開始和結束位置。 您甚至可以選擇要使用的顏色。
 
　　vscode-icons
 

　　也許 VS Code 最有效的視覺調整之一來自 vscode-icons 。它需要一個相當平淡的檔案列表，並新增色彩繽紛的語言特定圖示。例如，這樣可以很容易地從 HTML 中告訴您的 PHP 檔案。此外，增加的個性是任何工作空間的一個受歡迎的補充。
 
　　用您的方式編寫代碼

　　VS Code 的可用擴充套件數量驚人，使其成為日常使用的極具吸引力的選擇。您可以自由設置以匹配您使用的語言和您喜歡的可視空間類型。
 
　　此外，它提供了企業和開源文化的有趣組合。得到微軟的支持似乎確保將來會積極開發 VS Code 。開源 WooCommerce 社羣圍繞軟件建立了一個蓬勃發展的生態系統。開發人員的結果是兩全其美。