首頁 > web前端 > js教程 > 詳細介紹vue.js中的devtools安裝教學(圖文)

詳細介紹vue.js中的devtools安裝教學(圖文)

黄舟
發布: 2017-05-27 13:16:46
原創
1701 人瀏覽過

這篇文章主要介紹了詳解vue.js的devtools安裝 ,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧

安裝

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

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

4.開啟Google瀏覽器設定--->擴充功能--》勾選開發者模式---》新增工程中的shells-->chrome的內容或直接拖動shells-->chrome,至此恭喜已安裝成功! ! !

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

#使用

#開啟vue專案,在控制台選擇vue:

5.可操作元件查看資訊變化(例如分頁元件)選擇第一頁:

#選擇最後一頁:

以上是詳細介紹vue.js中的devtools安裝教學(圖文)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板