領取大佬們推薦的學習資料
由於擴充套件可以很大程度提高開發的效率,visualstudio code 儼然成為開發者社群最流行的一款編輯器。本文就為大家介紹下 2021 年最流行的 10 款 visualstudio code 擴充套件。
作者 | ashutosh singh
譯者 | 彎月
出品 | csdn(id:csdnnews)
visualstudio code是開發者社群最流行的一款編輯器。理由之一就是vscode有許多擴充套件,可以提高開發的效率。
在本文中,我們將介紹每一位開發人員都應該了解的10款vscode擴充套件。
autorename tag是一款面向web開發人員的vscode擴充套件。顧名思義,auto rename tag可以在乙個標籤更改時自動更新另乙個標籤:
這款擴充套件不僅可以在html中使用,也可用於react,因為react使用了jsx:
上述示例中標籤內只有乙個文字,但是在真正的應用程式中,大量的標籤和元素巢狀在一起,手工更新非常困難且麻煩。
這款擴充套件可以將匹配的括號染成相同的顏色。同乙個檔案內巢狀的元件、函式、物件等帶來的大量括號很容易讓人摸不著頭腦:
例如下述**示例:
第一眼看上去,區分不同的**塊很困難,但是bracket pair colorizer擴充套件可以將對應的括號著色,方便瀏覽**和閱讀:
**片段
**片段是節約時間提高生產力的最好辦法。這並不是乙個擴充套件,而是多種語言的各種擴充套件。
下面是一些流行的**片段擴充套件:
例如,在react中建立新組建時,輸入函式式元件的語法非常繁瑣。使用es7react/redux/graphql/react-native snippets擴充套件,只需要輸入rfc並按回車即可建立函式式元件。
bettercomments可以幫助你編寫便於閱讀的注釋。
使用better comments擴充套件,你可以將注釋分為警告、詢問、待辦、重點等幾大類。
在雙斜線後面使用下述字元做標記:
markdownall in one可以處理所有的markdown需求,例如自動預覽、快捷鍵、自動完成等。
例如,要在markdown中加粗字型,只需要選中文字按快捷鍵ctrl+b即可,這樣可以提高生產力。
圖示
描述性的圖示可以幫你區分不同的檔案和資料夾。圖示也讓開發過程更有趣。
下面是兩個vscode標籤頁的比較。乙個有圖示,另乙個沒有。
有許多圖示擴充套件可供選擇。流行的圖示擴充套件有:
prettier
prettier是一款有傾向的**格式化程式。它在github上獲得了38500多個標星,是最流行的**格式化器之一。一致的**格式和風格可以節省不少時間,特別是在與其他開發人員協作的時候。
考慮下述**:
這段**有許多格式問題,例如:
下圖演示了如何使用prettier來格式化並修復以上錯誤:
該擴充套件支援prettier外掛程式,這樣你就可以使用本地定製過的perttier。
你還可以進一步配置該擴充套件,甚至可以配置成儲存時自動執行。
importcost可以在**中顯示匯入的估計大小。編寫專案時,很重要的一點就是不要匯入過大的軟體包,以免損害使用者體驗。避免匯入過大軟體包的方法之一就是隨時跟蹤軟體包的大小。
如果匯入過大,import cost就會用紅色顯示大小,以示警告。你可以自行配置小、中、大分別對應的大小。
profileswitcher可以在多個使用者配置中切換。
該擴充套件特別適合內容創作者,如技術部落格作者、youtube主播等。你不需要每次共享vscode螢幕時更改設定,只需要建立新的使用者配置即可。
下圖演示了怎樣在兩個使用者配置default和content creation之間切換:
gitlens是一款開源擴充套件。它給vscode新增了git的功能。
該擴充套件最好的一點就是能通過git blame和code lens的功能,將**的作者視覺化。
下面是更詳細的**作者的資訊:
這只是gitlens的諸多功能之一。其他值得一提的功能有:
本文介紹了10款vscode擴充套件,幫助你成為更好的開發者並提高生產力。
還有許多其他的vscode擴充套件,比如:
推薦閱讀
點個『在看』支援下
十款最流行的密碼破解工具
密碼破解工具是普通計算機使用者恢復遺忘密碼 黑客竊取資訊 滲透測試工程師測試應用安全常用的工具。密碼破解工具通常都是通過窮舉法,有些還配合使用密碼字典來暴力破解密碼,但這種方法的效率與密碼的強度有很大關係。brutus brutus支援http pop3 ftp smb telnet imap nn...
介紹2款最流行的畫PCB工具
pcb printed circuit board 設計軟體經過多年的發展 不斷地修改和完善,或優存劣汰 或收購兼併 或強強聯合,現在只剩下cadence和mentor兩家公司獨大。cadence公司的推出的spb silicon package board 系列,原理圖工具採用orcadcis或c...
Ubuntu 11 04下最流行的17款應用
ad 1,chromium web browser 無需多論。安裝 安裝 安裝 4,cheese webcam booth給自己照張相,加上效果。早上起來做鏡子,以此為鏡,可以知髮型 安裝 5,audacity錄音,編輯音訊檔案 安裝 安裝 7,skype打打 與親友保持通訊,告訴他們,我是乙個幸福...