vue-devTools
為了更方便的在開發(fā)過程中對 Vue 程序進(jìn)行調(diào)試,除了傳統(tǒng)的瀏覽器自帶的 debug 工具以外,我們還可以通過一些專門為 Vue 提供的擴(kuò)展插件來進(jìn)行調(diào)試
vue-devTools插件:點(diǎn)擊下載
插件安裝教程:https://chrome.zzzmh.cn/help?token=setup文章來源:http://www.zghlxwxcb.cn/news/detail-402380.html
插件安裝步驟
- 1.首先進(jìn)入瀏覽器設(shè)置,點(diǎn)擊
擴(kuò)展程序
- 2.開啟
開發(fā)者模式
,點(diǎn)擊加載已解壓的擴(kuò)展程序
或者 直接拖拽已解壓的擴(kuò)展程序
注:已解壓的擴(kuò)展程序就是上面下載的,點(diǎn)擊下載 - 3.安裝成功以后就可以看到:
點(diǎn)擊紅框處開啟 - 4.通過
npm run serve
啟動應(yīng)用以后,即可看到瀏覽器右上角的 Vue 插件圖片,圖紅框一
處,表示Vue.js devtools
已啟動,點(diǎn)擊圖紅框二
的 vue 一項(xiàng)
以上就是vue中如何安裝devTools插件的方法,有不懂得可以在評論區(qū)里問我,后續(xù)也會發(fā)布一些新的文章,敬請關(guān)注。
我的其他文章:https://blog.csdn.net/weixin_62897746?type=blog文章來源地址http://www.zghlxwxcb.cn/news/detail-402380.html
到了這里,關(guān)于vue中devTools插件安裝教程的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!