chrome有很多有用的插件奈搜，對(duì)于前端開發(fā)人員來說义钉，Vue.js是一款優(yōu)秀的前端框架墩崩，大大提高了開發(fā)人員的開發(fā)效率氓英。我們都知道“工欲善其事，必先利其器”鹦筹。因此在chrome上安裝vue-devtools插件铝阐，能大大方便我們的開發(fā)過程。
下面說一下最簡(jiǎn)便的vue-devtools插件安裝過程铐拐。
1.打開chrome網(wǎng)上應(yīng)用商店徘键，輸入vue-devtools，搜索擴(kuò)展程序遍蟋。
2.將其添加到擴(kuò)展程序吹害。
3.打開chome擴(kuò)展程序：更多工具>擴(kuò)展程序。并將其設(shè)置為開發(fā)者模式匿值。
image.png
當(dāng)你打開一個(gè)用Vue編寫的項(xiàng)目時(shí)赠制，插件會(huì)識(shí)別到，瀏覽器右上角的灰色的標(biāo)識(shí)也會(huì)變?yōu)榫G色。按下F12會(huì)發(fā)現(xiàn)多了一個(gè)Vue標(biāo)簽钟些⊙毯牛可以查看相關(guān)數(shù)據(jù)。
image.png
下載安裝包配置的方法后面補(bǔ)充政恍。
個(gè)人前端學(xué)習(xí)筆記均為原創(chuàng)汪拥。
首發(fā)CSDN：Freya_yyy的博客。歡迎交流和指導(dǎo)篙耗。
我是木風(fēng)迫筑，愿你遇見美好！
