vue devtools的安裝與使用教程
更新時間：2022年11月11日 09:40:14 作者：如果沒有_明天
vue-devtools是一款基于chrome游覽器的插件，用于調試vue應用，這可以極大地提高我們的調試效率，這篇文章主要介紹了vue devtools的安裝與使用教程,需要的朋友可以參考下
一.在github上下載壓縮包，github下載地址：https://github.com/vuejs/vue-devtools
二.解壓到本地的某盤
三.用你的npm中進入該文件夾下
四.依次輸:
1:npm install
2:npm run build (這一步一定不要忘了，沒有執(zhí)行這一步的話，項目文件夾shells>chrome文件夾里會少一個src文件夾,如下圖)
五：修改shells>chrome文件夾下的mainifest.json 中的persistant為true
六：我們找到谷歌瀏覽器的擴展程序功能，勾選開發(fā)者模式，然后我們將插件文件夾里的shells>chorme文件夾直接拖到頁面中，完成安裝。
（注意：如果我們沒有執(zhí)行第四部的npm run build，在這里會報錯：無法加載背景腳本"build/background.js"）
七：在插件的目錄下執(zhí)行npm run dev，這個時候我們的插件就可以運行了,打開localhost:8080可以看到插件已經安裝并運行了。
八：我們在打開本地的其他項目時，就不需要在vue-devtools文件夾下執(zhí)行npm run dev了，因為這個插件已經安裝在瀏覽器中。接下來就愉快的調試你的vue項目吧。
總結
以上所述是小編給大家介紹的vue devtools的安裝與使用教程，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
Vue的.sync語法糖是一個用于雙向數(shù)據綁定的指令,可以在子組件中用來監(jiān)聽父組件傳遞下來的props的變化,本文給大家介紹了在Vue中,.sync語法糖的使用方法,感興趣的朋友跟著小編一起來學習吧2024-01-01
本文主要介紹了vue前端導出多級表頭的excel表的示例代碼,可以使用xlsx庫來創(chuàng)建Excel文件,下面就來具體介紹一下,感興趣的可以了解一下2024-06-06
這篇文章主要介紹了vue如何解決空格和空行報錯的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue element-ui el-tooltip組件失效問題及解決
這篇文章主要介紹了vue element-ui el-tooltip組件失效問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
解決v-for中使用v-if或者v-bind:class失效的問題
今天小編就為大家分享一篇解決v-for中使用v-if或者v-bind:class失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vuex是一個專為Vue.js應用程序開發(fā)的狀態(tài)管理模式,它采用集中式存儲管理應用的所有組件的狀態(tài),并以相應的規(guī)則保證狀態(tài)以一種可預測的方式發(fā)生變化,下面這篇文章主要給大家介紹了關于如何通過一篇文章帶你吃透Vuex3的狀態(tài)管理,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了vue封裝一個簡單的div框選時間的組件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要介紹了Nuxt.js SSR與權限驗證的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11
Vue代理請求數(shù)據出現(xiàn)404問題及解決
這篇文章主要介紹了Vue代理請求數(shù)據出現(xiàn)404的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了vue中使用typescript裝飾器的使用方法超實用教程,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-06-06