5個實用的 VSCode 擴展(分享)

本篇文章給大家分享5個對開發有用的 vscode 擴展。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。

5個實用的 VSCode 擴展(分享)

1、Color Highlight

誰能記住所有十六進制代碼?反正我是記不住的。

vscode 為我們提供了一個小顏色框作為參考,但它還不夠大,無法判斷相似顏色之間的差異。Color Highlight 通過用顏色包裝每個十六進制代碼為我們提供了更大的預覽。

5個實用的 VSCode 擴展(分享)

地址:https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

2、SVG Preview

VS Code 具有一個內置的圖像預覽窗口,但是當你單擊.svg文件時,它僅顯示代碼。

借助 SVG Preview,我們會獲得一個附加的側窗,可以預覽圖像,甚至可以在更改SVG代碼時進行更新。

5個實用的 VSCode 擴展(分享)

地址:https://marketplace.visualstudio.com/items?itemName=SimonSiefke.svg-preview

3、i18n Ally

幾個月前,我開始使用i18n,不得不說它使我的網絡應用本地化為多種語言變得異常容易。唯一的困難是,無法在實際處理的文件中編輯翻譯。

相反,必須打開locales/language.json文件,向下滾動到正確的位置,然后在此處編輯文本(到那時我們已經忘記了要查找的內容)。

i18n Ally為我們提供了基本語言文本的內聯預覽,允許咱們創建新鍵,查看現有鍵,并直接從模板中編輯它們。

5個實用的 VSCode 擴展(分享)

5個實用的 VSCode 擴展(分享)

i18n Ally還附帶了一個漂亮的側邊欄顯示(上),它向我們顯示完成項目本地化的距離。

地址:https://marketplace.visualstudio.com/items?itemName=antfu.i18n-ally

4. Code Spell Checker

Code Spell Checker 強烈推薦,對大部分非英語母語又不想寫出四不像變量名的程序員來說,正確識記拼寫各種單詞還是有不小的挑戰,比模棱兩可時需要去查在線詞典不同的是,這款插件能實時的識別單詞拼寫是否有誤,并給出提示,不少 bug 都是因為拼寫錯誤導致的。

5個實用的 VSCode 擴展(分享)

地址:https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

5. JavaScript Booster

JavaScript Booster :一個非常棒的重構工具,比如將var替換為const或let,移除無用的else語句,將變量聲明和變量初始化合并。應該說很大程度上受到 webstorm 的啟發。

5個實用的 VSCode 擴展(分享)

地址:https://marketplace.visualstudio.com/items?itemName=sburg.vscode-javascript-booster

VS Code Icons

當前有超過四百萬的用戶,你可能已經在使用此功能,這就是為什么它在此列表中具有很高的優勢。

如果你沒有,現在就安裝它,讓你在長長的文件和文件夾列表中找到你要找的東西的速度快十倍。它為每種文件類型添加的獨特圖標使文件搜索變得直觀而簡單。

5個實用的 VSCode 擴展(分享)

寫在最后,希望這5個擴展能對你有所幫助。

推薦:vscode基礎教程? ??

? 版權聲明
THE END
喜歡就支持一下吧
點贊5 分享