新聞中心
本文轉(zhuǎn)載自公眾號“讀芯術(shù)”(ID:AI_Discovery)。

10年建站經(jīng)驗, 成都做網(wǎng)站、成都網(wǎng)站設(shè)計客戶的見證與正確選擇。創(chuàng)新互聯(lián)公司提供完善的營銷型網(wǎng)頁建站明細報價表。后期開發(fā)更加便捷高效,我們致力于追求更美、更快、更規(guī)范。
如何實現(xiàn)從優(yōu)秀到頂尖的跨越?資深開發(fā)人員告訴我們,用什么工具很關(guān)鍵。使用合適的工作工具可以使身為開發(fā)人員的你的生活變得更加輕松。
這與你正在使用的IDE沒什么不同。許多開發(fā)人員都將VisualStudio Code作為選擇IDE,這樣他們就可以安裝擴展。擴展的種類是無限的。VisualStudio市場上有太多擴展,本文將選擇其中7種能使編碼變得輕松的擴展進行介紹。
請注意,所有這些插件都可以在Visual Studio Marketplace上免費獲得。
1. REST客戶端
REST客戶端擴展允許使用者發(fā)送HTTP請求并直接在VisualStudio Code中查看響應(yīng)。這能讓我們告別外部應(yīng)用程序,不再需要外部應(yīng)用程序向服務(wù)器發(fā)送HTTP請求。
它非常受歡迎,安裝量超過一百萬,已經(jīng)有許多開發(fā)人員使用,我也已經(jīng)使用這個插件很長時間了。
發(fā)送請求從未如此簡單。語法真的很干凈,可以使用許多選項來滿足使用者的需求。一個簡單的GET請求所需要的只是一行包含GET關(guān)鍵字和URL的代碼。
2. CSSPeek
如果你是網(wǎng)絡(luò)開發(fā)人員,那么CSSPeek是絕對必備的。通過此擴展,只需將鼠標懸停在元素的類名或ID上,即可查看應(yīng)用于HTML中某個元素的CSS規(guī)則。
請看下圖,此擴展程序的具體功能如圖所示:
此外,此擴展不僅可以查看樣式,還具有“轉(zhuǎn)到”功能,使用者通過該功能可以立即跳轉(zhuǎn)到應(yīng)用于該元素的CSS規(guī)則,這節(jié)省了很多尋找正確選擇器的時間。
3. Beautify
如果是喜歡簡潔代碼的人,那你絕對會喜歡Beautify,此擴展可幫助讓的代碼更加完美。Beautify支持JavaScript、HTML、CSS、Sass和JSON。
這個擴展最棒的就是所有選項都是完全可自定義的,例如縮進大小以及文件是否應(yīng)以新行結(jié)尾。如果使用多種編程語言編寫代碼,Beautify稱得上是一個好幫手。可以為每種編程語言自定義選項。
該擴展程序下載量超過500萬,在安裝次數(shù)最多的擴展程序中位列前20名。
4. AutoRename Tag
Auto Rename Tag擴展的功能很簡單,但是非常好用。該擴展可以自動重命名配對的HTML標簽。如果重命名開始標簽,它就會更改相應(yīng)的結(jié)束標簽。反之亦然。
如果想在輸入開始標簽的結(jié)束括號時自動添加結(jié)束標簽,那么可以查看Auto Close Tag extension。安裝這兩個擴展后,你將可以以更高效、更一致的方式編寫HTML。
5. Quokka.js
Quokka.js是編輯器中的原型制作游樂場,可以訪問項目的文件、內(nèi)聯(lián)報告等。代碼中的值會在運行時更新,并顯示在代碼旁邊的IDE中。一句話,就是厲害!
6. NightOwl
如果沒有令人嘖嘖稱贊的主題,那么優(yōu)化VSCode的價值是什么呢?鑒于已經(jīng)在VSCode上花費了很多時間,接下來就安裝一個主題來使它的外觀更好看吧。
Night Owl主題是許多開發(fā)人員都使用的漂亮主題之一。根據(jù)對該主題的描述可知,它適合那些喜歡在深夜編寫代碼的人。
如果不喜歡Night Owl主題的話也沒有關(guān)系,其他漂亮的VS Code主題也有很多,在我另一篇文章中有介紹過:https://levelup.gitconnected.com/code-pretty-in-these-themes-for-visual-studio-4162aa35aee1。
7. JavaScript(ES6) code snippets
要介紹的最后一個擴展是JavaScript(ES6) code snippets擴展。該擴展包含十幾個代碼片段,可以使用它們來生成ES6代碼片段。
例如,鍵入clg然后按回車,將生成console.log。使用者可能要花一些時間來熟悉所有可能的代碼片段,但一旦掌握了它們,便可以很快輸入ES6。
這些助你成為頂尖開發(fā)人員的擴展快快收藏吧!
文章標題:從未如此輕松!讓你想要編碼一輩子的VS代碼擴展
轉(zhuǎn)載來于:http://m.fisionsoft.com.cn/article/dhhjehs.html


咨詢
建站咨詢
