推薦幾款不錯的Chrome 插件
Chrome 的應用商店裏真是商品琳琅滿目，針對程序員有一些能夠提升用戶體驗和工做效率的插件，好比在逛github 的時候。。 vue
SourceGraph
國內訪問： extfans.com/extension/d… 最先我是在Chrome 商店發現的，用了一下體驗很是棒， 在github 上瀏覽項目能夠實時看到code intelligence 推斷出的變量類型，函數接口等等。react
還支持鼠標懸停，去查看變量的引用關係，特別對於class，方法 定義和reference的檢索，能夠跳轉到對應文件，簡直就是快速代碼查看器，但目前還不支持在線編輯和commit。若是能夠對接github的api 接口，應該能夠作得更強大吧。。這個項目也是開源的，項目地址，在issue 裏搜索了一圈沒看到關於提供編輯功能的issue，也許是你們都願意clone 以後本地編輯吧。。webpack
Infinity新標籤頁
國內訪問：extfans.com/extension/d…git
打開新標籤頁就會出來的頁面，能夠使用精美天氣，待辦事項，歷史記錄管理，應用程序管理，印象筆記同樣的記事應用，高清壁紙，必應，百度，谷歌搜索。我最經常使用的功能是代辦事項，並且應用程序管理會呈現你pin 到桌面的PWA 應用，以及你如今的全部Chrome 擴展狀況，比從Chrome 的settings 裏面打開要快捷方便不少。程序員
Lighthouse
Lighthouse 是谷歌出的一款插件，現在已經集成到dev tools 的Audits 這一欄，能夠用來審計網站的性能，以及是否符合PWA 標準等。支持常見的頁面加載時間統計，好比首屏內容時間，**首屏響應時間（TTI）**等等，而且對應提出解決方法。好比github
-
去除render-blocking 的資源，大量js 文件能夠放到body 最後，body最好是SSR 的佔位內容web
-
打開Gzip，這一點對於js 等文本內容來講很是關鍵，每每能夠達到節省70%帶寬的效果vue-cli
-
而針對圖片資源只須要合適的格式便可，好比新一代的jpg2000，webp等格式，而不是採用png 這種壓縮率不高的格式typescript
-
首屏外的資源可用懶加載，代碼拆分api
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如下仍是頗有但願的
但願這幾個插件有點幫助。