目錄
devtools對前端來說的好處——開發(fā)預(yù)覽、遠(yuǎn)程調(diào)試、性能調(diào)優(yōu)、Bug跟蹤、斷點(diǎn)調(diào)試等?
下載步驟:?
測試階段:?
最近做項(xiàng)目要使用devtools這個vue插件。
devtools對前端來說的好處——開發(fā)預(yù)覽、遠(yuǎn)程調(diào)試、性能調(diào)優(yōu)、Bug跟蹤、斷點(diǎn)調(diào)試等?
下載步驟:?
首先先想個辦法搞個加速器之類的,好實(shí)現(xiàn)科學(xué)上網(wǎng)。
在Chrome瀏覽器中訪問以下網(wǎng)址:
Chrome應(yīng)用商店網(wǎng)址:
https://chrome.google.com/webstore/category/extensions?utm_source=chrome-ntp-icon
訪問后的效果:
在左上角的搜索店內(nèi)應(yīng)用里面,輸入devtools
?然后點(diǎn)Chrome瀏覽器右上角的
?三個點(diǎn)-設(shè)置-擴(kuò)展程序?
上圖設(shè)置1,2,3這些是為了防止出現(xiàn)顯示Vue.js not detected這個情況
?記得要打開開發(fā)者模式?
點(diǎn)devtools的詳情
打開允許訪問文件網(wǎng)址
然后點(diǎn)左上角的更新?
測試階段:?
啟動一個vue項(xiàng)目
然后F12打開控制臺
顯示里面多出來一個vue,則表明下載安裝devtools成功文章來源:http://www.zghlxwxcb.cn/news/detail-624288.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-624288.html
到了這里,關(guān)于Chrome瀏覽器中的vue插件devtools的下載方式(使用Chrome應(yīng)用商店/科學(xué)上網(wǎng)情況下)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!