這篇“好用的VSCode擴(kuò)展工具有哪些”除了程序員外大部分人都不太理解,今天小編為了讓大家更加理解“好用的VSCode擴(kuò)展工具有哪些”,給大家總結(jié)了以下內(nèi)容,具有一定借鑒價(jià)值,內(nèi)容詳細(xì)步驟清晰,細(xì)節(jié)處理妥當(dāng),希望大家通過(guò)這篇文章有所收獲,下面讓我們一起來(lái)看看具體內(nèi)容吧。
創(chuàng)新互聯(lián)專(zhuān)注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站建設(shè)、做網(wǎng)站、新樂(lè)網(wǎng)絡(luò)推廣、微信小程序定制開(kāi)發(fā)、新樂(lè)網(wǎng)絡(luò)營(yíng)銷(xiāo)、新樂(lè)企業(yè)策劃、新樂(lè)品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供新樂(lè)建站搭建服務(wù),24小時(shí)服務(wù)熱線:028-86922220,官方網(wǎng)址:www.cdcxhl.com
Visual Studio Code 是一個(gè)運(yùn)行于 OS X,Windows和 Linux 之上的,針對(duì)于編寫(xiě)現(xiàn)代 web 和云應(yīng)用的跨平臺(tái)編輯器,它為開(kāi)發(fā)者們提供了對(duì)多種編程語(yǔ)言的內(nèi)置支持,并且正如 Microsoft 在Build 大會(huì)的 keynote 中所指出的,這款編輯器也會(huì)為這些語(yǔ)言都提供了豐富的代碼補(bǔ)全和導(dǎo)航功能。
擁有合適的工具可以讓你的開(kāi)發(fā)工作變得更加輕松。許多開(kāi)發(fā)人員使用 VSCode
作為開(kāi)發(fā)工具,VSCode 允許安裝各種擴(kuò)展工具。
Visual Studio Marketplace
上有太多的可用擴(kuò)展工具,我們將著重介紹下面8個(gè)擴(kuò)展工具。
即使是最簡(jiǎn)單的工具也能賦予人們力量去做偉大的事情--比茲·斯通
所有這些插件都可以在 Visual Studio Marketplace
上免費(fèi)獲得。
REST Client
擴(kuò)展工具允許你發(fā)送 HTTP
請(qǐng)求并直接在 VSCode
中查看響應(yīng)。再也不需要使用外部應(yīng)用程序向服務(wù)器發(fā)送 HTTP
請(qǐng)求。
這是一個(gè)非常流行的擴(kuò)展工具,得到眾多開(kāi)發(fā)人員的青睞,獲得了超過(guò) 100W 次的安裝。另外我自己也使用這個(gè)插件已經(jīng)有一段時(shí)間了,我覺(jué)得它很棒。
發(fā)送請(qǐng)求變得如此容易。語(yǔ)法非常簡(jiǎn)潔,并且提供了很多選項(xiàng)以滿足你的需求。簡(jiǎn)單的 GET
請(qǐng)求只需要一行代碼,GET
關(guān)鍵字后跟 URL
即可。
你真的應(yīng)該嘗試一下 REST Client
擴(kuò)展工具。
如果你是一個(gè) web
開(kāi)發(fā)人員,CSS Peek
絕對(duì)是必要的。有了這個(gè)擴(kuò)展工具,將鼠標(biāo)懸停在元素的類(lèi)名或元素ID上,就可以看到應(yīng)用于這個(gè)元素的 CSS
規(guī)則。
如下圖所示:
這個(gè)擴(kuò)展工具不僅僅允許你查看樣式。它還有一個(gè)“轉(zhuǎn)到”特性,允許你立即跳轉(zhuǎn)到應(yīng)用于元素的 CSS
規(guī)則。這為你節(jié)省了大量尋找正確選擇器的時(shí)間。
如果你喜歡整潔的代碼,那么你肯定會(huì)喜歡 Beautify
。
Beautify
支持 JavaScript
,HTML
,CSS
,Sass
和 JSON
。
這個(gè)擴(kuò)展的最大優(yōu)點(diǎn)是所有選項(xiàng)都是完全可定制的--比如縮進(jìn)大小和文件是否應(yīng)該以新行結(jié)尾。如果你用幾種編程語(yǔ)言編寫(xiě)代碼,那么 Beautify
可以涵蓋??梢宰远x每種編程語(yǔ)言的選項(xiàng)。
該擴(kuò)展工具的下載量超過(guò)500W次,在最受歡迎的已安裝擴(kuò)展工具中排名前20位。
Auto Rename Tag
擴(kuò)展工具所做的工作很簡(jiǎn)單,但是很好用。該擴(kuò)展工具將自動(dòng)重命名成對(duì)的 HTML
標(biāo)簽。如果你正在重命名一個(gè)開(kāi)始標(biāo)簽,它將更改相應(yīng)的結(jié)束標(biāo)簽;反之亦然。
如果你想在開(kāi)始標(biāo)簽的結(jié)束括號(hào)中鍵入時(shí)自動(dòng)添加結(jié)束標(biāo)簽,你應(yīng)該看一看 Auto Close Tag
擴(kuò)展工具。安裝這兩個(gè)擴(kuò)展非常有用,將幫助你以更高效和一致的方式編寫(xiě) HTML
。
Quokka.js
是編輯器中的原型平臺(tái),可以訪問(wèn)項(xiàng)目文件,內(nèi)聯(lián)報(bào)告等。代碼中的值在運(yùn)行時(shí)更新,并在鍵入代碼時(shí)顯示在IDE中的代碼旁邊。
簡(jiǎn)直太棒了!
沒(méi)有一個(gè)驚艷的主題,優(yōu)化VS代碼有什么價(jià)值?不多,對(duì)吧?!既然你花了這么多時(shí)間在VS代碼上,你最好通過(guò)安裝一個(gè)主題讓它看起來(lái)更好看。
Night Owl 主題是許多開(kāi)發(fā)人員使用的一個(gè)漂亮的主題。根據(jù)這個(gè)主題的描述,它為我們這些喜歡編寫(xiě)代碼到深夜的人進(jìn)行了微調(diào)與優(yōu)化。
如果你不喜歡 Night Owl
主題,安利一下: Pink Cat Boo
, Panda Syntax
, Mini Dark
, Gatito Theme
, One Monokai
,這幾個(gè)主題色也很好看~
最后一個(gè)要介紹的擴(kuò)展工具是 JavaScript (ES6) code snippets
擴(kuò)展工具。該擴(kuò)展工具有多個(gè)代碼片段,可供您來(lái)生成ES6代碼片段。
例如,鍵入clg然后按回車(chē)可以得到一個(gè)console.log。可能您需要一段時(shí)間來(lái)熟悉所有的代碼片段,但是只要掌握了它,您就能非??斓拇虺鯡S6代碼
TabNine
是我用過(guò)的最好的代碼補(bǔ)全工具,TabNine
是一款基于人工智能的代碼自動(dòng)補(bǔ)全工具,TabNine在自動(dòng)補(bǔ)全時(shí)會(huì)給出每個(gè)候選項(xiàng)的概率,并且按照概率大小進(jìn)行排序,此外,會(huì)給出候選項(xiàng)的來(lái)源及地址,這樣更加方便查詢和閱讀。目前已經(jīng)有超過(guò) 30W 次下載。
感謝你的閱讀,希望你對(duì)“好用的VSCode擴(kuò)展工具有哪些”這一關(guān)鍵問(wèn)題有了一定的理解,具體使用情況還需要大家自己動(dòng)手實(shí)驗(yàn)使用過(guò)才能領(lǐng)會(huì),快去試試吧,如果想閱讀更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!