詳細介紹vue.js中的devtools安裝教程（圖文）
來源：懂視網
責編：小OO
時間：2020-11-27 20:22:27
詳細介紹vue.js中的devtools安裝教程（圖文）
安裝；2.下載好后進入vue-devtools-master工程 執行npm install ----->；npm run build。3.修改manifest.json 中的persistent為true。4.打開谷歌瀏覽器設置--->；擴展程序--》勾選開發者模式---》添加工程中的shells-->；chrome的內容或者直接拖動shells-->；chrome，至此恭喜已經安裝成功。5.打開自己的vue項目中，如果是有vue-cli構建的項目，執行npm run dev，打開http：//localhost：8080/ 服務器調試地址；至此完成devtools的安裝。使用；打開vue項目，在控制臺選擇vue。
導讀安裝；2.下載好后進入vue-devtools-master工程 執行npm install ----->；npm run build。3.修改manifest.json 中的persistent為true。4.打開谷歌瀏覽器設置--->；擴展程序--》勾選開發者模式---》添加工程中的shells-->；chrome的內容或者直接拖動shells-->；chrome，至此恭喜已經安裝成功。5.打開自己的vue項目中，如果是有vue-cli構建的項目，執行npm run dev，打開http：//localhost：8080/ 服務器調試地址；至此完成devtools的安裝。使用；打開vue項目，在控制臺選擇vue。
本篇文章主要介紹了詳解vue.js的devtools安裝 ，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
安裝
2.下載好后進入vue-devtools-master工程 執行npm install ----->npm run build.
3.修改manifest.json 中的persistent為true
4.打開谷歌瀏覽器設置--->擴展程序--》勾選開發者模式---》添加工程中的shells-->chrome的內容或者直接拖動shells-->chrome，至此恭喜已經安裝成功！！！
5.打開自己的vue項目中，如果是有vue-cli構建的項目，執行npm run dev,打開http://localhost:8080/ 服務器調試地址；至此完成devtools的安裝；
使用
打開vue項目,在控制臺選擇vue：
5.可操作組件查看信息變化(例如分頁組件)選擇第一頁：
選擇最后一頁：
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
詳細介紹vue.js中的devtools安裝教程（圖文）
安裝；2.下載好后進入vue-devtools-master工程 執行npm install ----->；npm run build。3.修改manifest.json 中的persistent為true。4.打開谷歌瀏覽器設置--->；擴展程序--》勾選開發者模式---》添加工程中的shells-->；chrome的內容或者直接拖動shells-->；chrome，至此恭喜已經安裝成功。5.打開自己的vue項目中，如果是有vue-cli構建的項目，執行npm run dev，打開http：//localhost：8080/ 服務器調試地址；至此完成devtools的安裝。使用；打開vue項目，在控制臺選擇vue。
