開發(fā)vue時，瀏覽器有一個好的開發(fā)調(diào)試工具能讓開發(fā)事半功倍，磨刀不誤砍柴工。

目前成都創(chuàng)新互聯(lián)公司已為上1000+的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)頁空間、綿陽服務器托管、企業(yè)網(wǎng)站設計、雁江網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

步驟

1.下載工具

地址：  https://github.com/vuejs/vue-devtools 

2.安裝依賴

cmd進入vue-devtools文件夾，安裝相關(guān)依賴，依次執(zhí)行npm install,再執(zhí)行npm run build。

3.修改配置

打開shells>chrome>src>manifest.json，修改”persistent”:false為true。

4.瀏覽器安裝

經(jīng)過前面幾步，工具基本已經(jīng)準備好了。接下來，打開瀏覽器。

· 打開里面的設置>點擊拓展程序>點擊開發(fā)者模式

· 再點擊加載已解壓的擴展程序，然后把shells>chrome這個文件夾加入即可。

5.測試

打開一個用vue開發(fā)的網(wǎng)頁，打開chrome調(diào)試工具查看效果。

總結(jié)

以上所述是小編給大家介紹的Vue安裝瀏覽器開發(fā)工具的步驟詳解，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！