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