想要編碼更輕松,這6個VSCode插件不要錯過
擁有合適的工具可以讓你的開發工作變得更加輕松,尤其是VSCode插件。今天給大家介紹6個VSCode插件,下面一起來看。

1. JavaScript (ES6) code snippets
JavaScript (ES6) code snippets 擴展工具有多個代碼片段,可生成ES6代碼片段,比如鍵入clg然后回車,可以得到一個console.log。初次用它的人可能都不太熟練,但多用幾次,熟悉了所有的代碼片段,就能快速打出ES6代碼。
2. Auto Rename Tag
Auto Rename Tag擴展工具簡單好用,如果重命名一個開始標簽,它將更改相應的結束標簽,相反也成立。這里再介紹一個Auto Close Tag 擴展工具,它可以在開始標簽的結束括號中,鍵入時自動添加結束標簽。這兩個擴展都很好用,能幫助開發者用更高效和標準的方式編寫HTML。
3. REST Client
REST Client 是一個非常流行的擴展工具,語法非常簡潔,可以發送HTTP 請求,并在 VSCode 中查看響應,無需使用外部應用程序向服務器發送HTTP請求。還有,簡單的GET 請求只需要一行代碼,GET關鍵字后跟URL。
4. Beautify
Beautify的下載量已經超過500W次,適合喜歡整潔代碼的開發者。Beautify 支持 JavaScript,HTML,CSS,Sass 和 JSON。這個擴展的較大優點是所有選項都是完全可定制的,而且如果你用幾種編程語言編寫代碼,也可以用Beautify,它可以自定義每種編程語言的選項。
5. Night Owl
Night Owl 主題是許多開發人員的愛用主題,它為喜歡編寫代碼到深夜的人進行了微調與優化。如果Night Owl主題不適合你,那Pink Cat Boo, Panda Syntax, Mini Dark, Gatito Theme, One Monokai,這幾個主題色也不錯看。
6. CSS Peek
CSS Peek是web 開發人員的必用擴展工具,將鼠標懸停在元素的類名或元素ID上,就可以看到應用于這個元素的 CSS 規則。而且它不僅可以查看樣式,還有一個“轉到”特性,能立即跳轉到應用于元素的 CSS 規則,節省大量尋找正確選擇器的時間。