關(guān)于dev-tool安裝方法(手動(dòng)安裝版)
記錄一下vue調(diào)試神器dev-tool的安裝過(guò)程，由于是在公司內(nèi)網(wǎng)，也不方便掛梯子，所以手動(dòng)安裝——下載源碼在本地編譯，再添加擴(kuò)展程序的方式安裝。
過(guò)程如下：
一、dev-tool源碼獲取
git地址：https://github.com/vuejs/devtools/tree/main
這里可以選擇自己需要的版本，試了挺多版本，在安裝的時(shí)候會(huì)遇到各種的文件缺失的問(wèn)題，所以這里選擇了一個(gè)v5.1.1版本，這個(gè)安裝的過(guò)程基本比較順暢，沒(méi)什么大的問(wèn)題。
源碼下載兩種方式，
第一種直接用git下載，git訪問(wèn)會(huì)出現(xiàn)連接失敗的報(bào)錯(cuò)，有SSL驗(yàn)證和代理的問(wèn)題，具體的問(wèn)題遇到了可以自行搜索解決方法；
這里為了方便直接點(diǎn)擊Download ZIP下載壓縮包就好。
二、源碼編譯
這一步主要是安裝依賴和編譯源碼，手動(dòng)安裝的過(guò)程官網(wǎng)教程也說(shuō)得非常清楚，如果下載的版本一樣的話直接執(zhí)行以下指令就行
npm install//安裝依賴,如果使用yarn進(jìn)行包管理則yarn install npm run build
完成后可以在文件夾里找到這個(gè)文件
三、添加擴(kuò)展程序
打開(kāi)chrome瀏覽器，自定義及控制-更多工具-擴(kuò)展程序，切換成開(kāi)發(fā)者模式，點(diǎn)擊加載已解壓的擴(kuò)展程序，選擇第二步中的shells/chrome文件即可，
擴(kuò)展程序的配置如下：
四、愉快地使用dev-tool
到此為止就可以使用dev-tool進(jìn)行調(diào)試了，隨便開(kāi)一個(gè)vue項(xiàng)目，打開(kāi)f12,切換到vue就ok了
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue+socket.io+express+mongodb 實(shí)現(xiàn)簡(jiǎn)易多房間在線群聊示例
本篇文章主要介紹了vue+socket.io+express+mongodb 實(shí)現(xiàn)簡(jiǎn)易多房間在線群聊示例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-10-10
Vue+Express實(shí)現(xiàn)登錄注銷(xiāo)功能的實(shí)例代碼
這篇文章主要介紹了Vue+Express實(shí)現(xiàn)登錄,注銷(xiāo)功能，本文通過(guò)實(shí)例代碼講解的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
Vuerouter的beforeEach與afterEach鉤子函數(shù)的區(qū)別
本文詳細(xì)的介紹了Vuerouter的beforeEach與afterEach鉤子函數(shù)的區(qū)別和使用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
vue實(shí)現(xiàn)內(nèi)容可滾動(dòng)的彈窗效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)內(nèi)容可滾動(dòng)的彈窗效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
vue-cli創(chuàng)建項(xiàng)目時(shí)由esLint校驗(yàn)導(dǎo)致報(bào)錯(cuò)或警告的問(wèn)題及解決
這篇文章主要介紹了vue-cli創(chuàng)建項(xiàng)目時(shí)由esLint校驗(yàn)導(dǎo)致報(bào)錯(cuò)或警告的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
el-dialog關(guān)閉再打開(kāi)后窗口內(nèi)容不刷新問(wèn)題及解決
這篇文章主要介紹了el-dialog關(guān)閉再打開(kāi)后窗口內(nèi)容不刷新問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02
這篇文章主要介紹了Vue中如何判斷對(duì)象是否為空，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
前端Vue.js實(shí)現(xiàn)json數(shù)據(jù)導(dǎo)出到doc
這篇文章主要介紹了前端Vue.js實(shí)現(xiàn)json數(shù)據(jù)導(dǎo)出到doc，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
本篇文章主要介紹了jquery在vue腳手架中的使用方式示例，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-08-08
基于vue實(shí)現(xiàn)分頁(yè)組件的示例代碼
分頁(yè)組件是一種用戶界面元素,用于在長(zhǎng)列表或數(shù)據(jù)集中分割內(nèi)容,分頁(yè)組件是每個(gè)開(kāi)發(fā)人員必須掌握的一個(gè)組件,廣泛應(yīng)用在各個(gè)場(chǎng)所,用以用戶方便閱讀等,本文就給大家介紹一下如何基于vue寫(xiě)出的分頁(yè)組件,需要的朋友可以參考下2023-08-08