溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

詳解vue.js的devtools安裝

發布時間:2020-09-18 10:36:55 來源:腳本之家 閱讀:201 作者:lolDragon 欄目:web開發

安裝

1.github下載地址:https://github.com/vuejs/vue-devtools

2.下載好后進入vue-devtools-master工程 執行npm install ----->npm run build.

3.修改manifest.json 中的persistent為true

詳解vue.js的devtools安裝

4.打開谷歌瀏覽器設置--->擴展程序--》勾選開發者模式---》添加工程中的shells-->chrome的內容或者直接拖動shells-->chrome,至此恭喜已經安裝成功?。?!

詳解vue.js的devtools安裝

5.打開自己的vue項目中,如果是有vue-cli構建的項目,執行npm run dev,打開http://localhost:8080/ 服務器調試地址;至此完成devtools的安裝;

使用

打開vue項目,在控制臺選擇vue:

詳解vue.js的devtools安裝

5.可操作組件查看信息變化(例如分頁組件)選擇第一頁:

詳解vue.js的devtools安裝

選擇最后一頁:

詳解vue.js的devtools安裝

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女