vue-devtools的安裝和使用步驟詳解
1、下載壓縮包，github下載地址：https://github.com/vuejs/vue-devtools
2、解壓此文件夾
3、用命令提示符或編譯器進(jìn)入此文件夾
4、在文件夾下依次運(yùn)行（可以在命令提示符窗口也可在編譯器中）：
I、npm install安裝所需要的依賴(lài)
II、npm run build構(gòu)建（如果未執(zhí)行此步，shells->chrome文件夾下會(huì)缺少build文件夾）
5、在shells->chrome->manifest.json文件中修改 background 下 persistent 的值為 true
6、在chrome瀏覽器中找到設(shè)置->擴(kuò)展程序，然后開(kāi)啟開(kāi)發(fā)者模式，將插件中shells文件夾下的chrome文件夾直接拖到開(kāi)啟了開(kāi)發(fā)模式的擴(kuò)展程序頁(yè)面，完成安裝。
7、在插件文件目錄下運(yùn)行npm run dev,至此插件已成功安裝，打開(kāi)本地localhost:8080就可以看到插件成功安裝并運(yùn)行。
8、用chrome瀏覽器打開(kāi)本地的其他項(xiàng)目，就可以看到瀏覽器已成功的安裝了vue-devtools，可以用瀏覽器去調(diào)試vue項(xiàng)目啦。（此時(shí)不需要再在插件文件夾下運(yùn)行npm run dev）
以上就是本次關(guān)于vue-devtools的安裝和使用的全部知識(shí)點(diǎn)內(nèi)容，感謝大家的學(xué)習(xí)和對(duì)腳本之家的支持。
相關(guān)文章
element?實(shí)現(xiàn)導(dǎo)航欄收起展開(kāi)功能及思路
這篇文章主要介紹了element?實(shí)現(xiàn)導(dǎo)航欄收起展開(kāi)功能，實(shí)現(xiàn)思路先給 el-menu加上 :collapse="isCollapse" 屬性，這個(gè)屬性也是 element 上的一個(gè)參數(shù)，意思為是否開(kāi)啟折疊動(dòng)畫(huà)，在 data 中定義 isCollapse ，用 true 和 false 控制展開(kāi)與收起，需要的朋友可以參考下2023-01-01
手把手教你搭建一個(gè)vue項(xiàng)目的完整步驟
身為入行未深的小白前端,不斷的學(xué)習(xí)是我們不可丟失的習(xí)慣,前端流行的框架也是層出不窮,vue在眾多框架中脫穎而出,下面這篇文章主要給大家介紹了關(guān)于搭建一個(gè)vue項(xiàng)目的完整步驟,需要的朋友可以參考下2022-07-07
vue實(shí)現(xiàn)自定義el-table穿梭框功能
這篇文章主要介紹了vue實(shí)現(xiàn)自定義el-table穿梭框功能,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02
利用Vue3 (一）創(chuàng)建Vue CLI 項(xiàng)目
這篇文章主要介紹利用Vue3 創(chuàng)建Vue CLI 項(xiàng)目，下面文章內(nèi)容附有官方文檔鏈接，安裝過(guò)程，需要的可以參考一下2021-10-10
require是node中的一個(gè)方法,他的作用是用于引入模塊、 JSON、或本地靜態(tài)文件,這篇文章主要介紹了vue中的require使用,需要的朋友可以參考下2023-08-08
Vue+Video.js實(shí)現(xiàn)視頻抽幀并返回抽幀圖片Base64
這篇文章主要為大家詳細(xì)介紹了Vue如何利用Video.js實(shí)現(xiàn)視頻抽幀并返回抽幀圖片Base64,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-01-01
本篇文章主要介紹了詳解VUE的狀態(tài)控制與延時(shí)刷新，實(shí)例分析了數(shù)據(jù)延時(shí)到展示的時(shí)候再去刷新的技巧，有興趣的可以了解一下。2017-03-03
Vant?UI中van-collapse下拉折疊面板默認(rèn)展開(kāi)第一項(xiàng)的方法
之前做項(xiàng)目的時(shí)候,使用了Collapse折疊面板,下面這篇文章主要給大家介紹了關(guān)于Vant?UI中van-collapse下拉折疊面板默認(rèn)展開(kāi)第一項(xiàng)的相關(guān)資料,需要的朋友可以參考下2022-03-03
Vue結(jié)合原生js實(shí)現(xiàn)自定義組件自動(dòng)生成示例
這篇文章主要介紹了Vue結(jié)合原生js實(shí)現(xiàn)自定義組件自動(dòng)生成示例,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
vue3+element-plus props中的變量使用 v-model 報(bào)錯(cuò)及解決方案
這篇文章主要介紹了vue3+element-plus props中的變量使用 v-model 報(bào)錯(cuò)及解決方案,prop 是單向數(shù)據(jù)流,這里只能用:model-value,不能用v-model,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10