VisualStudioCode是由微軟開發(fā)的一款免費、跨平臺的文本編輯器。由于其卓越的性能和豐富的功能，它很快就受到了大家的喜愛。

就像大多數(shù)IDE一樣，VSCode也有一個擴展和主題市場，包含了數(shù)以千計質量不同的插件。為了幫助大家挑選出值得下載的插件，我們針對性的收集了一些實用、有趣的插件與大家分享。

1.Open-In-Browser

由于VSCode沒有提供直接在瀏覽器中打開文件的內置界面，所以此插件在快捷菜單中添加了在默認瀏覽器查看文件選項，以及在客戶端（Firefox，Chrome，IE）中打開命令面板選項。

2.Quokka

Quokka是一個調試工具插件，能夠根據(jù)你正在編寫的代碼提供實時反饋。它易于配置，并能夠預覽變量的函數(shù)和計算值結果。另外，在使用JSX或TypeScript項目中，它能夠開箱即用。

3.Faker

使用流行的JavaScript庫–Faker，能夠幫你快速的插入用例數(shù)據(jù)。Faker可以隨機生成姓名、地址、圖像、電話號碼，或者經(jīng)典的亂數(shù)假文段落，并且每個類別還包含了各種子類別，你可以根據(jù)自身的需求來使用這些數(shù)據(jù)。

4.CSSPeek

使用此插件，你可以追蹤至樣式表中CSS類和ids定義的地方。當你在HTML文件中右鍵單擊選擇器時，選擇“GotoDefinition和Peekdefinition”選項，它便會給你發(fā)送樣式設置的CSS代碼。

5.HTMLBoilerplate

通過使用HTML模版插件，你就擺脫了為HTML新文件重新編寫頭部和正文標簽的苦惱。你只需在空文件中輸入html，并按Tab鍵，即可生成干凈的文檔結構。

6.Prettier

Prettier是目前Web開發(fā)中最受歡迎的代碼格式化程序。安裝了這個插件，它就能夠自動應用Prettier，并將整個JS和CSS文檔快速格式化為統(tǒng)一的代碼樣式。如果你還想使用ESLint，那么還有個Prettier–Eslint插件，你可不要錯過咯!

7.ColorInfo

這個便捷的插件，將為你提供你在CSS中使用顏色的相關信息。你只需在顏色上懸停光標，就可以預覽色塊中色彩模型的（HEX、RGB、HSL和CMYK）相關信息了。

8.SVGViewer

此插件在VisualStudio代碼中添加了許多實用的SVG程序，你無需離開編輯器，便可以打開SVG文件并查看它們。同時，它還包含了用于轉換為PNG格式和生成數(shù)據(jù)URI模式的選項。

9.TODOHighlight

這個插件能夠在你代碼中標記出所有的TODO注釋，以便更容易追蹤任何未完成的業(yè)務。在默認的情況下，它會查找TODO和FIXME關鍵字。當然，你也可以添加自定義表達式。

10.Iconfonts

這是一個能夠在項目中添加圖標字體的插件。該插件支持超過20個熱門的圖標集，包括了fontawesome、Ionicons、Glyphicons和MaterialDesignIcons。

11.Minify

這是一款用于壓縮合并JavaScript和CSS文件的應用程序。它提供了大量自定義的設置，以及自動壓縮保存并導出為.min文件的選項。它能夠分別通過uglify-js、clean-css和html-minifier，與JavaScript、CSS和HTML協(xié)同工作。

12.ChangeCase

雖然VSCode內置了開箱即用的文本轉換選項，但其只能進行文本大小寫的轉換。而此插件則添加了用于修改文本的更多命名格式，包括駝峰命名、下劃線分隔命名，snake_case命名以及CONST_CaS命名等。

13.RegexPreviewer

這是一個用于實時測試正則表達式的實用工具。它可以將正則表達式模式應用在任何打開的文件上，并高亮所有的匹配項。

14.LanguageandFrameworkPacks

VSCode默認支持大量的主流編程語言，但如果你所使用的編程語言不包括在內，也可以通過下載擴展包來自動添加。同時，你還可以添加一些像ReactNative與Vue的相關Web開發(fā)插件包。

網(wǎng)頁標題：精選15個必備的VSCode插件
URL地址：http://www.rwnh.cn/news41/126391.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供響應式網(wǎng)站、營銷型網(wǎng)站建設、用戶體驗、網(wǎng)站營銷、云服務器、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)