Vue-devtools安裝步驟


今天跟着網上參考的vue調試工具安裝的方法,總結出更完善的步驟:

 

步驟一:調往鏈接地址 https://github.com/vuejs/vue-devtools

步驟二:解壓鏈接地址中的包,到本地桌面

步驟三:win+r 命令cmd到虛擬環境,執行cd 當前目錄名路徑

步驟四:執行cnpm install 安裝package.json中的依賴包

步驟五:執行npm run build命令會在   vue-devtools-master\shells\chrome  路徑下生成一個src文件

步驟六:修改shells>chrome文件夾下的mainifest.json 中的persistant為true

步驟七:進入谷歌瀏覽器的擴展程序功能頁面(直接輸入 chrome://extensions),打開開發者模式,選加載已解壓的擴展程序,然后把對應vue-devtools-master\shells\chrome路徑下的文件倒進去就哦了。

 

 實踐一下,直接啟動一個vue項目 npm run dev,F12就可以看到安裝的調試工具了~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM