Chrome 的應用商店裡真是商品琳琅滿目，針對程式設計師有一些可以提高使用者體驗和工作效率的外掛，比如在逛github 的時候。。
SourceGraph
國內訪問： extfans.com/extension/d… 最早我是在Chrome 商店發現的，用了一下體驗非常棒， 在github 上瀏覽專案可以實時看到code intelligence 推斷出的變數型別，函式介面等等。
還支援滑鼠懸停，去檢視變數的引用關係，特別對於class，方法 定義和reference的檢索，可以跳轉到對應檔案，簡直就是快速程式碼檢視器，但目前還不支援線上編輯和commit。如果可以對接github的api 介面，應該可以做得更強大吧。。這個專案也是開源的，專案地址，在issue 裡搜尋了一圈沒看到關於提供編輯功能的issue，也許是大家都願意clone 之後本地編輯吧。。
Infinity新標籤頁
開啟新標籤頁就會出來的頁面，可以使用精美天氣，待辦事項，歷史記錄管理，應用程式管理，印象筆記一樣的記事應用，高清桌布，必應，百度，谷歌搜尋。我最常用的功能是代辦事項，而且應用程式管理會呈現你pin 到桌面的PWA 應用，以及你現在的所有Chrome 擴充套件情況，比從Chrome 的settings 裡面開啟要快捷方便很多。
Lighthouse
Lighthouse 是谷歌出的一款外掛，如今已經整合到dev tools 的Audits 這一欄，可以用來審計網站的效能，以及是否符合PWA 標準等。支援常見的頁面載入時間統計，比如首屏內容時間，**首屏響應時間（TTI）**等等，並且對應提出解決方法。比如
-
去除render-blocking 的資源，大量js 檔案可以放到body 最後，body最好是SSR 的佔位內容
-
開啟Gzip，這一點對於js 等文字內容來說非常關鍵，往往可以達到節省70%頻寬的效果
-
而針對圖片資源只需要合適的格式即可，比如新一代的jpg2000，webp等格式，而不是採用png 這種壓縮率不高的格式
-
首屏外的資源可用懶載入，程式碼拆分
PS ：vue-cli3.x
最近推出的vue-cli3.x 讓我覺得眼前一亮，雖然之前iview 團隊也有做cli GUI的工具，但是這次的vue-cli 確實做了架構上的修改，其實也有借鑑react cli 的特點，把該封裝的東西隱藏起來了，讓開發可以更簡便的搭建專案。。就連配置typescript， pwa 等等都是一鍵生成，效率實在非常高。
並且新一代cli 已經內建了比較完善的webpack 配置，讓prod 版本的打包用到程式碼拆分，tree shaking等策略。一個ts + pwa + vue+router 的起步專案可以做到50Kb 一下，後期加上各種業務模組元件，中小型專案首屏資源做到200Kb以下還是很有希望的
希望這幾個外掛有點幫助。