您甚至可能會驚訝地發(fā)現(xiàn)VS Code也是跨平臺的。它不僅適用于Windows，而且Linux和Mac的版本也可供下載。
 

　　但也許最酷的特征是大規(guī)模的擴展市場。有免費擴展可用于支持新語言，調(diào)試代碼或添加各種其他自定義功能。這使您可以自定義編輯體驗以更好地滿足您的需求。
 

　　今天，我們將向您介紹一些最好的VS Code擴展程序。幫助您更好的做好網(wǎng)站開發(fā)，下面讓我們開始吧！
 

　　GitLens

　　雖然Git功能已內(nèi)置于VS Code中，但GitLens旨在通過更多的版本控制功能“增強”編輯器。它提供了對代碼的深入洞察，向您顯示更改時間以及更改后的代碼。您甚至可以比較不同的分支，標簽和提交?？偟膩碚f，此擴展將使版本控制更具視覺感受。
 

　　Beautify

 

　　您是否非常關(guān)注語法突出顯示？如果是這樣，Beautify只是您需要的擴展。它利用了VS Code已經(jīng)存在的online Javascript Beautifier的使用，但允許您輕松地更改其樣式。這意味著您可以根據(jù)內(nèi)容設(shè)置縮進，換行和其他細節(jié)等元素。
 

　　ESLint

　　Javascript可能很難調(diào)試。但VS Code的ESLint擴展可以使該過程更容易。它有助于在您執(zhí)行代碼之前指出代碼中的潛在問題。更好的是，擴展程序允許您創(chuàng)建自己的linting規(guī)則。那想要了解更多的要點，也可以看看上一篇《分享9個最佳免費CSS Flexbox教程》。
 

 

　　對于在運行時期間對代碼進行故障排除的開發(fā)人員，Debugger for Chrome將幫助您完成工作。有許多方便的功能，包括在代碼，手表和控制臺中設(shè)置斷點的功能。此外，您可以選擇在VS Code中運行Chrome實例，或?qū)⒄{(diào)試器附加到單獨運行的瀏覽器實例。
 

　　

 

　　React是最引人注目的JS庫之一,以至于新的WordPress塊編輯器（又名Gutenberg）就是基于它構(gòu)建的。如果你是眾多參與其中的人之一，那么React Native Tools是必不可少的擴展。它增加了運行react-native命令的能力，并將幫助您調(diào)試代碼。
 

　　One Dark Pro

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

　　Bracket Pair Colorizer 2

 

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

　　vscode-icons

 

　　也許VS Code最有效的視覺調(diào)整之一來自vscode-icons。它需要一個相當(dāng)平淡的文件列表，并添加色彩繽紛的語言特定圖標。例如，這樣可以很容易地從HTML中告訴您的PHP文件。此外，增加的個性是任何工作空間的一個受歡迎的補充。
 

　　用你的方式編寫代碼

　　VS Code的可用擴展數(shù)量驚人，使其成為日常使用的極具吸引力的選擇。您可以自由設(shè)置以匹配您使用的語言和您喜歡的可視空間類型。
 

　　此外，它提供了企業(yè)和開源文化的有趣組合。得到微軟的支持似乎確保將來會積極開發(fā)VS Code。開源社區(qū)圍繞軟件創(chuàng)建了一個蓬勃發(fā)展的生態(tài)系統(tǒng)。開發(fā)人員的結(jié)果是兩全其美。