Chrome 的應(yīng)用商店里真是商品琳瑯滿目芬膝，針對程序員有一些可以提高用戶體驗和工作效率的插件，比如在逛github 的時候。。
SourceGraph
國內(nèi)訪問： https://extfans.com/extension/dgjhfomjieaadpoljlnidmbgkdffpack
最早我是在Chrome 商店發(fā)現(xiàn)的第煮，用了一下體驗非常棒， 在github 上瀏覽項目可以在側(cè)變欄的sourcegraph中隨意瀏覽切換目錄抑党，比直接點擊網(wǎng)頁快了不止5倍包警。
最關(guān)鍵的還不是這個，在點擊進(jìn)入代碼后底靠，還支持Ctrl+ 鼠標(biāo) 去檢索變量的引用關(guān)系害晦，特別對于class 定義、方法definition和reference的檢索暑中，可以跳轉(zhuǎn)到對應(yīng)文件壹瘟。
Infinity新標(biāo)簽頁
國內(nèi)訪問：https://extfans.com/extension/dbfmnekepjoapopniengjbcpnbljalfg
打開新標(biāo)簽頁就會出來的頁面鲫剿，可以使用精美天氣，待辦事項稻轨，歷史記錄管理灵莲，應(yīng)用程序管理，印象筆記一樣的記事應(yīng)用澄者，高清壁紙，必應(yīng)请琳，百度粱挡，谷歌搜索。我最常用的功能是代辦事項俄精，而且應(yīng)用程序管理會呈現(xiàn)你pin 到桌面的PWA 應(yīng)用询筏，以及你現(xiàn)在的所有Chrome 擴(kuò)展情況，比從Chrome 的settings 里面打開要快捷方便很多竖慧。
Lighthouse
Lighthouse 是谷歌出的一款插件嫌套，如今已經(jīng)集成到dev tools 的Audits 這一欄，可以用來審計網(wǎng)站的性能圾旨，以及是否符合PWA 標(biāo)準(zhǔn)等踱讨。支持常見的頁面加載時間統(tǒng)計，比如首屏內(nèi)容時間砍的，首屏響應(yīng)時間（TTI）等等痹筛，并且對應(yīng)提出解決方法。比如
去除render-blocking 的資源廓鞠，大量js 文件可以放到body 最后帚稠，body最好是SSR 的占位內(nèi)容
打開Gzip，這一點對于js 等文本內(nèi)容來說非常關(guān)鍵床佳，往往可以達(dá)到節(jié)省70%帶寬的效果
而針對圖片資源只需要合適的格式即可滋早，比如新一代的jpg2000，webp等格式砌们，而不是采用png 這種壓縮率不高的格式
首屏外的資源可用懶加載杆麸，代碼拆分
PS ：vue-cli3.x
最近推出的vue-cli3.x 讓我覺得眼前一亮，雖然之前iview 團(tuán)隊也有做cli GUI的工具浪感，但是這次的vue-cli 確實做了架構(gòu)上的修改角溃，其實也有借鑒react cli 的特點，把該封裝的東西隱藏起來了篮撑，讓開發(fā)可以更簡便的搭建項目减细。。就連配置typescript赢笨， pwa 等等都是一鍵生成未蝌，效率實在非常高驮吱。
并且新一代cli 已經(jīng)內(nèi)置了比較完善的webpack 配置，讓prod 版本的打包用到代碼拆分萧吠，tree shaking等策略左冬。一個ts + pwa + vue+router 的起步項目可以做到50Kb 一下，后期加上各種業(yè)務(wù)模塊組件纸型，中小型項目首屏資源做到200Kb以下還是很有希望的
希望這幾個插件有點幫助拇砰。
