這 5 個 VSCode 擴展提升你的開發興趣

做者：Titus Decali
譯者：前端小智
來源：medium

點贊再看，養成習慣

本文 GitHub https://github.com/qq44924588... 上已經收錄，更多往期高贊文章的分類，也整理了不少個人文檔，和教程資料。歡迎Star和完善，你們面試能夠參照考點複習，但願咱們一塊兒有點東西。

1. Color Highlight

誰能記住全部十六進制代碼？反正我是記不住的。

VSCode 爲咱們提供了一個小顏色框做爲參考，但它還不夠大，沒法判斷類似顏色之間的差別。Color Highlight 經過用顏色包裝每一個十六進制代碼爲咱們提供了更大的預覽。

地址：https://marketplace.visualstu...

2. SVG Preview

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

藉助 SVG Preview，咱們會得到一個附加的側窗，能夠預覽圖像，甚至能夠在更改SVG代碼時進行更新。

地址：https://marketplace.visualstu...

3. i18n Ally

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

相反，必須打開locales/language.json文件，向下滾動到正確的位置，而後在此處編輯文本（到那時咱們已經忘記了要查找的內容）。

i18n Ally爲咱們提供了基本語言文本的內聯預覽，容許我們建立新鍵，查看現有鍵，並直接從模板中編輯它們。

地址：https://marketplace.visualstu...

i18n Ally還附帶了一個漂亮的側邊欄顯示（上），它向咱們顯示完成項目本地化的距離。

4. Code Spell Checker

Code Spell Checker 強烈推薦，對大部分非英語母語又不想寫出四不像變量名的程序員來講，正確識記拼寫各類單詞仍是有不小的挑戰，比模棱兩可時須要去查在線詞典不一樣的是，這款插件能實時的識別單詞拼寫是否有誤，並給出提示，很多 bug 都是由於拼寫錯誤致使的。

地址：https://marketplace.visualstu...

5. JavaScript Booster

JavaScript Booster ：一個很是棒的重構工具，好比將var替換爲const或let，移除無用的else語句，將變量聲明和變量初始化合並。應該說很大程度上受到 Webstorm 的啓發。

地址：https://marketplace.visualstu...

還有一個額外必要擴展！

VS Code Icons

當前有超過四百萬的用戶，你可能已經在使用此功能，這就是爲何它在此列表中具備很高的優點。

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

寫在最後，但願這5個擴展能對你有所幫助。

---

代碼部署後可能存在的BUG無法實時知道，過後爲了解決這些BUG，花了大量的時間進行log 調試，這邊順便給你們推薦一個好用的BUG監控工具 Fundebug。

原文：https://medium.com/better-pro...

---

交流

文章每週持續更新，能夠微信搜索「 大遷世界 」第一時間閱讀和催更（比博客早一到兩篇喲），本文 GitHub https://github.com/qq449245884/xiaozhi 已經收錄，整理了不少個人文檔，歡迎Star和完善，你們面試能夠參照考點複習，另外關注公衆號，後臺回覆福利，便可看到福利，你懂的。