前端開發最爽的地方就在於，壹個編輯器，壹個瀏覽器就足矣走天下。
編輯器——VSCode
前端開發利器，超級好用的編輯器，對於大前端來說更是不可多得。由微軟出品，跨平臺支持，顏值高，易上手，豐富的插件支持。下面推薦幾個前端常用插件。
HTMLSnippets：及初級又實用的HTML代碼智能提示，對經常手誤的小夥伴簡直不能太友好。
HTMLCSSSupport：讓妳在寫html標簽時寫class智能提示當前項目所支持的樣式，目前最新版本已經支持css文件檢索。
DebuggerforChrome：直接讓妳的代碼在Chrome中運行代碼，vscode中調試。
jQueryCodeSnippets：jQuery用戶的福音，用起來難道不香嗎？
AtuoRenameTag：
CSSPeek：很方便的來查看CSS樣式。
調試工具：
F12功能：瀏覽器自備，功能強大，推薦使用Chrome瀏覽器
Fiddler：非常好用的壹款抓包工具，可以抓幾乎所有的應用程序的HTTP請求。可以抓包，修改請求等。唯壹的缺點就是需要安裝.net支持。
Firebug：火狐瀏覽器的經典插件，能夠調試所有網站語言，最經典實用的莫過於對Javascript語言的調試功能了。
Postman：壹款功能強大的網頁調試與發送網頁HTTP請求的Chrome插件。可以讓我們很方便的對RESTAPI等HTTP服務接口進行測試。
UserAgentSwitcher：從名稱我們就可以看出來，用來更換瀏覽器的UserAgent。
前端性能優化工具：
YellowLabTools：壹款Web性能及前端質量測試工具。與其他工具不同的是，它有壹些在其他工具上無法看到的獨特功能，例如頁面加載時JavaScript與DOM互動和其他程序代碼驗證問題。
DOMmonster：妳只需要添加到妳的瀏覽器書簽中,在任何需要調試的頁面點擊這個書簽,它就能夠幫助妳列出目前頁面出現的性能問題。
本文為作者“壹個程序員的奮鬥史”悟空問答原創文章，未經允許轉載、抄襲必究！