vue.js的devtools安裝

安裝

1.github下載地址：https://github.com/vuejs/vue-devtools

2.下載好后進(jìn)入vue-devtools-master工程 執(zhí)行npm install ----->npm run build.

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

manifest.json.png

4.打開(kāi)谷歌瀏覽器設(shè)置--->擴(kuò)展程序--》勾選開(kāi)發(fā)者模式---》添加工程中的shells-->chrome的內(nèi)容或者直接拖動(dòng)shells-->chrome，至此恭喜已經(jīng)安裝成功！！！

谷歌擴(kuò)展程序.png

5.打開(kāi)自己的vue項(xiàng)目中，如果是有vue-cli構(gòu)建的項(xiàng)目，執(zhí)行npm run dev,打開(kāi)http://localhost:8080/ 服務(wù)器調(diào)試地址；至此完成devtools的安裝；

使用

打開(kāi)vue項(xiàng)目,在控制臺(tái)選擇vue：

控制臺(tái)使用VUE.jpg

5. 可操作組件查看信息變化(例如分頁(yè)組件)

選擇第一頁(yè)：

操作組件.jpg

*選擇最后一頁(yè)：

最后一頁(yè).jpg
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 安裝 1.github下載地址：https://github.com/vuejs/vue-devtools 2.下...
    果汁密碼閱讀 308評(píng)論 0贊 0
  • 前幾天我對(duì)“租”的理解還停留在中學(xué)教的政治經(jīng)濟(jì)學(xué)上，即“租就是花一定的錢(qián)買(mǎi)使用權(quán)”。薛兆豐老師的《“...
    荔枝曬太陽(yáng)閱讀 10,250評(píng)論 5贊 12
  • 你坐在昏黃的燭光下 光線(xiàn)忽明忽暗間照亮你 溝壑縱橫的臉皮 拉長(zhǎng)了你映在 墻壁上的影子 填滿(mǎn)了整間土房子 你滿(mǎn)足的笑...
    C春子閱讀 196評(píng)論 2贊 3
  • 滴滴滴，新的一天又開(kāi)始了，我像木乃伊一樣僵硬的翻了一個(gè)180度的身，然后坐了起來(lái)，劉海蓋住了眼睛。十年了，愛(ài)出油的...
    loyanda閱讀 634評(píng)論 0贊 4
  • 其實(shí)人在搖晃中總能睡的更香，這也許是在嬰兒時(shí)由搖籃養(yǎng)成的習(xí)慣。天市睡了一個(gè)很久以來(lái)沒(méi)有過(guò)的好覺(jué)，直到那種持續(xù)不斷的...
    菁瓜閱讀 558評(píng)論 0贊 1