本文介紹5個非常實用的VS Code插件。
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Prettier 是一個代碼格式化程序,它會自動格式化代碼,使代碼看起來更“漂亮”;還會修復(fù)代碼中的任何多余空格或不均勻的括號。
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
Bracket Pair Colorizer 可以幫助開發(fā)者快速查找括號、括號和大括號,它通過為每個匹配的括號對分配不同的顏色來實現(xiàn)這一點。當光標位于一對括號內(nèi)時,Bracket Pair Colorizer 會顯示一條與括號對相同顏色的線條,將它們連接在一起,從而幫助識別每個開放括號的相應(yīng)閉合括號的位置。
圖片
此插件可以提高編碼效率,減少由于括號錯誤導(dǎo)致的 bug。
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
Auto Rename Tag 非常實用,可以為開發(fā)人員節(jié)省很多時間和精力。它可以同時編輯開放標簽和關(guān)閉標簽的標簽類型,使編寫 HTML 標簽變得更加輕松快捷。而且,當開發(fā)人員在開放標簽中按下空格鍵時,第二個標簽將停止復(fù)制,因此開發(fā)人員可以方便地為標簽添加類名、href、ID 等屬性。這個插件可以大大提高開發(fā)效率,減少編寫錯誤的幾率,是 Web 開發(fā)人員的必備工具。
圖片
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
如果你非常在乎軟件界面的視覺效果,那么會喜歡這個插件。這是一個為文件提供更多圖標的擴展包,它可以幫助開發(fā)人員更快地識別和區(qū)分不同類型的文件。即使原來沒有對應(yīng)的唯一圖標,這個擴展包也會為不同類型的文件提供更多的圖標。這樣一來,開發(fā)人員就可以更輕松地在多個文件之間進行切換和管理了。
以下是圖標的示例:
圖片
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
CSS Peek 允許開發(fā)人員在正在懸停的當前元素上查看所有 CSS 信息。這可以節(jié)省很多時間,同時在編碼 HTML 或 JS 文件時允許更改 CSS 文件。它還可以用于僅查看和參考使用 CSS 顯示的特定代碼片段的方式。
圖片
本文鏈接:http://www.www897cc.com/showinfo-26-68336-0.html五個不容錯過的VS Code殺手級插件
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。郵件:2376512515@qq.com