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

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

1.Open-In-Browser

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

2.Quokka

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

3.Faker

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

4.CSSPeek

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

5.HTMLBoilerplate

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

6.Prettier

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

7.ColorInfo

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

8.SVGViewer

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

9.TODOHighlight

這個(gè)插件能夠在你代碼中標(biāo)記出所有的TODO注釋?zhuān)员愀菀鬃粉櫲魏挝赐瓿傻臉I(yè)務(wù)。在默認(rèn)的情況下，它會(huì)查找TODO和FIXME關(guān)鍵字。當(dāng)然，你也可以添加自定義表達(dá)式。

10.Iconfonts

這是一個(gè)能夠在項(xiàng)目中添加圖標(biāo)字體的插件。該插件支持超過(guò)20個(gè)熱門(mén)的圖標(biāo)集，包括了fontawesome、Ionicons、Glyphicons和MaterialDesignIcons。

11.Minify

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

12.ChangeCase

雖然VSCode內(nèi)置了開(kāi)箱即用的文本轉(zhuǎn)換選項(xiàng)，但其只能進(jìn)行文本大小寫(xiě)的轉(zhuǎn)換。而此插件則添加了用于修改文本的更多命名格式，包括駝峰命名、下劃線分隔命名，snake_case命名以及CONST_CaS命名等。

13.RegexPreviewer

這是一個(gè)用于實(shí)時(shí)測(cè)試正則表達(dá)式的實(shí)用工具。它可以將正則表達(dá)式模式應(yīng)用在任何打開(kāi)的文件上，并高亮所有的匹配項(xiàng)。

14.LanguageandFrameworkPacks

VSCode默認(rèn)支持大量的主流編程語(yǔ)言，但如果你所使用的編程語(yǔ)言不包括在內(nèi)，也可以通過(guò)下載擴(kuò)展包來(lái)自動(dòng)添加。同時(shí)，你還可以添加一些像ReactNative與Vue的相關(guān)Web開(kāi)發(fā)插件包。

標(biāo)題名稱(chēng)：精選15個(gè)必備的VSCode插件
網(wǎng)站URL：http://aaarwkj.com/news/126391.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站營(yíng)銷(xiāo)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站改版、動(dòng)態(tài)網(wǎng)站、全網(wǎng)營(yíng)銷(xiāo)推廣

廣告

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