關于dev-tool安裝方法(手動安裝版)
更新時間：2024年07月01日 11:16:57 作者：YOGiii
這篇文章主要介紹了關于dev-tool安裝方法(手動安裝版),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
記錄一下vue調試神器dev-tool的安裝過程，由于是在公司內網(wǎng)，也不方便掛梯子，所以手動安裝——下載源碼在本地編譯，再添加擴展程序的方式安裝。
過程如下：
一、dev-tool源碼獲取
git地址：https://github.com/vuejs/devtools/tree/main
這里可以選擇自己需要的版本，試了挺多版本，在安裝的時候會遇到各種的文件缺失的問題，所以這里選擇了一個v5.1.1版本，這個安裝的過程基本比較順暢，沒什么大的問題。
源碼下載兩種方式，
第一種直接用git下載，git訪問會出現(xiàn)連接失敗的報錯，有SSL驗證和代理的問題，具體的問題遇到了可以自行搜索解決方法；
這里為了方便直接點擊Download ZIP下載壓縮包就好。
二、源碼編譯
這一步主要是安裝依賴和編譯源碼，手動安裝的過程官網(wǎng)教程也說得非常清楚，如果下載的版本一樣的話直接執(zhí)行以下指令就行
npm install//安裝依賴,如果使用yarn進行包管理則yarn install npm run build
完成后可以在文件夾里找到這個文件
三、添加擴展程序
打開chrome瀏覽器，自定義及控制-更多工具-擴展程序，切換成開發(fā)者模式，點擊加載已解壓的擴展程序，選擇第二步中的shells/chrome文件即可，
擴展程序的配置如下：
四、愉快地使用dev-tool
到此為止就可以使用dev-tool進行調試了，隨便開一個vue項目，打開f12,切換到vue就ok了
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
本文通過實例代碼給大家介紹了Vue隱藏顯示、只讀功能，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2018-07-07
vue?+?ele?實現(xiàn)下拉選擇框和下拉多選選擇框處理方案
這篇文章主要介紹了vue?+?ele?實現(xiàn)下拉選擇框和下拉多選選擇框處理方案,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
Vue ESLint是一個基于ESLint的插件,它專門為Vue.js應用設計,用于提供JavaScript代碼風格檢查和最佳實踐規(guī)則,Vue項目通常會集成ESLint,目的是為了提升代碼質量、保持一致性和可維護性,本文介紹了Vue項目中禁用ESLint的幾種常見方法,需要的朋友可以參考下2024-07-07
這篇文章主要介紹了基于Vue和Element-Ui搭建項目的方法，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
Vue中el-tree樹全部展開或收起的實現(xiàn)示例
本文主要介紹了Vue中el-tree樹全部展開或收起的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
這篇文章手把手教你拿捏vue?cale()計算函數(shù)使用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要介紹了vue中getters的使用與四個map方法的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
vue 封裝自定義組件之tabal列表編輯單元格組件實例代碼
這篇文章主要介紹了vue 封裝自定義組件tabal列表編輯單元格組件實例代碼,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了vue中使用mockjs配置和使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue使用 onMounted 確保在組件掛載后執(zhí)行異步操作示例詳解
在 Vue.js 或其他類似框架中，使用 onMounted 是為了確保在組件掛載后執(zhí)行異步操作，這篇文章主要介紹了Vue使用onMounted確保在組件掛載后執(zhí)行異步操作,需要的朋友可以參考下2023-06-06