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