現在設我是壹位 web 開發人員，以 Chrome 為陣地。下面是壹些能讓我少花點時間的工具：
WhatFont?——?名字就說明了壹切。這是找出妳最喜歡網站使用的字體的簡單方法，這樣妳就可以為己所用了。
Pesticide——?修改 CSS 的絕佳程序。當我試著學習匣子模型的時候，它簡直就是救命稻草般的存在。
Colorzilla?——用於復制確切顏色的壹個網站，用它可以將顏色直接復制到剪貼板上，這樣妳就沒必要花太多時間獲得正確的 RGBA 組合了。
CSS Peeper——查看網站使用的顏色時非常方便。在妳壹開始山寨妳認為酷的網站的時候很管用。這個程序能讓妳查看它們的幕後的色彩方案。
Wappalyzer?——想要獲悉妳在網站上看到的是什麽技術，這個程序很有用。想知道某網站使用什麽樣的框架或者它承載了什麽服務?這個照樣管用。
React Dev Tools——壹款用於調試應用程序的工具。有壹點要提壹下，它只有在妳編寫 React 程序時才有用。
Redux Dev Tools——壹款用於調試應用程序的工具。有壹點要提壹下，它只有在妳編寫 Redux 程序時才有用。
JSON Formatter?——讓 JSON 在瀏覽器中看起來更壹目了然的不二之選。也許麻煩的 JSON 讓妳苦不堪言，不過只要用了這個軟件，找到妳要找的東西，所花費的時間會大幅縮短。
Vimeo Repeat and Speed?——加速 Vimeo 視頻的絕佳工具。如果妳像大多數的 web 開發人員壹樣觀看視頻教程，妳就會知道用 1.25 倍的常規回放速度觀看它們是多麽的方便。本程序同時也有適用於 YouTube 的版本。
VS Code 擴展程序
Visual Studio Code 是我寫代碼時的不二之選。
每個人都有他自己喜歡的文本編輯器，我也不例外。不過，我還是想把這些擴展程序介紹給妳，而它們對妳所使用的大多數編輯器都適用。看看我最喜歡的擴展程序有哪些：
Auto Rename Tag?——自動重命名成對的 HTML 標記。假如妳創建了壹個
標記。現在妳想更改它。有了這個軟件，妳只需要更改壹個就行，另壹個會自動修改。從理論上來說，使用這個軟件可以把妳的工作效率提升壹倍。
HTML CSS Support?——HTML 文檔的 CSS 支持工具。該工具在獲得壹些簡潔的語法高亮顯示和代碼建議方面非常有用。
HTML Snippets?——這壹工具在代碼分段方面非常有用，可以為妳節省大量的時間。它能跟 Emmet 配對，這樣壹來妳甚至都不用再真正鍵入 HTML 了。
Babel ES6/ES7?——JavaScript Babel 的輔助工具。如果妳用的是 Babel，這個工具可以讓妳更容易區分代碼。如果妳喜歡 JavaScript，那務必也不要錯過這款軟件。
Bracket Pair Colorizer?——色彩可視化工具。如果妳沒有準確地括號，那這個工具對於發現因此導致的許多常見漏洞十分方便。
ESLint?——妳在編寫代碼的時候，利用這個軟件可以輕易獲取有關漏洞的提示，而且在編碼過程中，它還可以幫助妳養成良好的編碼習慣。
Guides?——這壹工具可以被用來添加額外的指導行代碼。這是另壹個視覺提示，以確保妳正確地括號了。
JavaScript Console Utils?——使控制臺日誌記錄變得更為簡單可行。如果妳像大多數開發人員壹樣，妳會發現自己需要在調試流中登錄到控制臺(我知道我們應該使用調試器)。這個實用的程序使得創建有用的 console.log ()語句變得易如反掌。
Code Spell Checker?——這壹工具正如其名，是拼寫檢查程序。漏洞的的另壹個常見來源是變量或函數名。這壹拼寫檢查工具可以查找不常見的單詞，而且還可以把我們用 JavaScript 編寫的東西進行有效的審核。
Git Lens?——可以讓我們對某文件何時、以及由何人進行更改變得壹目了然。當代碼被破壞時，我們就能找到該負責任的人，而不是讓妳當替罪羊了。
Path Intellisense?——文件路徑自動完成程序。這樣壹來從其他文件中導入重要的東西就非常方便了。這壹工具使文件導航變得輕而易舉。
Prettier?——自動代碼格式化程序。忘掉那些妳不得不手動縮進代碼的日子吧，有了這個工具，事情就變得簡單多啦。這個程序會比妳自己做得更快更好。對這個程序我是鼎力推薦的。
VSCode-Icons?——將圖標添加到文件譜中。如果文件結構非常不科學，妳的眼睛想罷工的話，這個程序可能會有所幫助。它對於妳正在制作的任何文件都能提供有用的圖標輔助，能使妳更為輕易地區分看到的內容。
希望可以幫到您，謝謝！