這篇文章將為大家詳細講解有關(guān)vue中如何使用vue-devtools,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
尼開遠ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:13518219792(備注:SSL證書合作)期待與您的合作!
1.到github下載:
git clone https://github.com/vuejs/vue-devtools
2.在vue-devtools目錄下安裝依賴包
1 2 | cd vue-devtools
cnpm install
|
3.修改manifest.json文件
把"persistent":false改成true
4.編譯代碼
npm run build
5.擴展Chrome插件
Chrome瀏覽器 > 更多程序 > 拓展程序
點擊加載已解壓程序按鈕, 選擇 vue-devtools > shells > chrome 放入, 安裝成功如下圖
6. vue-devtools使用
vue項目, 打開f12, 選擇vue就可以使用了.
vue是數(shù)據(jù)驅(qū)動的, 這樣就能看到對應數(shù)據(jù)了, 方便我們進行調(diào)試
關(guān)于vue中如何使用vue-devtools就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。