Vue安裝瀏覽器開(kāi)發(fā)工具的步驟詳解
開(kāi)發(fā)vue時(shí)，瀏覽器有一個(gè)好的開(kāi)發(fā)調(diào)試工具能讓開(kāi)發(fā)事半功倍，磨刀不誤砍柴工。
步驟
1.下載工具
地址： https://github.com/vuejs/vue-devtools
2.安裝依賴
cmd進(jìn)入vue-devtools文件夾，安裝相關(guān)依賴，依次執(zhí)行npm install,再執(zhí)行npm run build。
3.修改配置
打開(kāi)shells>chrome>src>manifest.json，修改”persistent”:false為true。
4.瀏覽器安裝
經(jīng)過(guò)前面幾步，工具基本已經(jīng)準(zhǔn)備好了。接下來(lái)，打開(kāi)瀏覽器。
· 打開(kāi)里面的設(shè)置>點(diǎn)擊拓展程序>點(diǎn)擊開(kāi)發(fā)者模式
· 再點(diǎn)擊加載已解壓的擴(kuò)展程序，然后把shells>chrome這個(gè)文件夾加入即可。
5.測(cè)試
打開(kāi)一個(gè)用vue開(kāi)發(fā)的網(wǎng)頁(yè)，打開(kāi)chrome調(diào)試工具查看效果。
總結(jié)
以上所述是小編給大家介紹的Vue安裝瀏覽器開(kāi)發(fā)工具的步驟詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
Vue+SSM實(shí)現(xiàn)圖片上傳預(yù)覽效果
這篇文章主要為大家詳細(xì)介紹了Vue+SSM實(shí)現(xiàn)圖片上傳預(yù)覽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了elementUI table如何給表頭添加氣泡顯示問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要為大家介紹了Bpmn.js?自定義描述文件使用說(shuō)明，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
這篇文章主要介紹了vue.js基于ElementUI封裝了CRUD的彈框組件，問(wèn)咋會(huì)給你圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，感興趣的小伙伴可以參考一下2022-07-07
vue 權(quán)限管理幾種實(shí)現(xiàn)方法
本文主要介紹了vue 權(quán)限管理幾種實(shí)現(xiàn)方法,權(quán)限需要前后端結(jié)合,前端盡可能的去控制,更多的需要后臺(tái)判斷,具有一定的參考價(jià)值,感興趣的可以了解一下2024-02-02
Vue3?中?watch?與?watchEffect?區(qū)別及用法小結(jié)
這篇文章主要介紹了Vue3?中?watch?與?watchEffect?有什么區(qū)別？watch中需要指明監(jiān)視的屬性，也需要指明監(jiān)視的回調(diào)，而watchEffect中不需要指明監(jiān)視的屬性，只需要指明監(jiān)視的回調(diào)，回調(diào)函數(shù)中用到哪個(gè)屬性，就監(jiān)視哪個(gè)屬性，本文給大家詳細(xì)介紹，需要的朋友參考下2022-06-06
淺談vue項(xiàng)目?jī)?yōu)化之頁(yè)面的按需加載(vue+webpack)
本篇文章主要介紹了vue項(xiàng)目?jī)?yōu)化之頁(yè)面的按需加載(vue+webpack)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
Vue無(wú)限滑動(dòng)周選擇日期的組件的示例代碼
這篇文章主要介紹了Vue無(wú)限滑動(dòng)周選擇日期的組件的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
Vue中filter使用及根據(jù)id刪除數(shù)組元素方式
這篇文章主要介紹了Vue中filter使用及根據(jù)id刪除數(shù)組元素方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue開(kāi)發(fā)中常見(jiàn)的套路和技巧總結(jié)
這篇文章主要給大家介紹了關(guān)于Vue開(kāi)發(fā)中常見(jiàn)的套路和技巧的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11