下載
在中國歼秽,你是無法使用谷歌應(yīng)用商店应役,所以你下載插件,要使用一些別的手段燥筷,一種是下載源碼編譯箩祥,另一種是通過第三方網(wǎng)站。第一種不適合小白肆氓,所以現(xiàn)在介紹第二組袍祖。
下載插件網(wǎng)站
國外網(wǎng)站:https://www.crx4chrome.com/
國內(nèi)網(wǎng)站:http://www.cnplugins.com/
建議使用第一個(gè)網(wǎng)址,插件與應(yīng)用商店同步更新做院,打開網(wǎng)站后盲泛,搜索“Vue.js devtool”濒持。下載后文件如下。
安裝方法
1寺滚、在瀏覽器中打開柑营,更多工具-擴(kuò)展程序
2、在把剛剛下載的文件拖進(jìn)打開的頁面中村视。
3官套、安裝后頁面如下。同時(shí)勾選“開發(fā)者模式”蚁孔。此時(shí)會出現(xiàn)插件id:nhdogjmejiglipccpnnnanhbledajbpd奶赔。注意,建議勾選“允許訪問文件網(wǎng)址”杠氢,這個(gè)可以允許插件對本地文件進(jìn)行調(diào)試站刑。如:file:///D:/Vue2.x/BookExample/01.hello.html。
4鼻百、使用id搜索绞旅,一般在C盤。選擇并打開對應(yīng)的文件夾温艇。
5因悲、(可選配置)打開文件夾后,修改兩個(gè)文件勺爱。打開文件manifest.json晃琳,把"persistent": false改成"persistent": true;打開文件webpack.config.js琐鲁,把NODE_ENV: '"production"'改成 NODE_ENV: '"development"'卫旱。
6、點(diǎn)擊“F12”绣否,在調(diào)試工作中出現(xiàn)vue工具誊涯,如下圖。現(xiàn)在就可以調(diào)試了蒜撮。
安裝后不能執(zhí)行的解決方案
問題1:提示Vue.js not detected
解決方法:
(1)你的頁面沒有導(dǎo)入vue.js文件,或者不是vue應(yīng)用跪呈。
問題2:提示:Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
解決方法:
(1)檢查自己是否使用壓縮后的js段磨,vue.min.js,使用壓縮后的js文件耗绿,會失去錯(cuò)誤提示和警告苹支。也可能會導(dǎo)致上面的問題。
(2)嘗試安裝方法中的第5步中的配置误阻。