【vue】Vue Devtools 調試工具 安裝步驟

1、安裝

1. 去gitHub上clone項目，地址 https://github.com/vuejs/vue-devtools 【傳送門】

2. 下載好後進入vue-devtools-master工程 執行npm install —–>npm run build.

3. 修改shells/chrome/manifest.json 中的persistent爲true。如下圖

4. 打開谷歌瀏覽器設置—>擴展程序–>勾選開發者模式—>添加工程中的shells–>chrome的文件夾或者直接拖動shells–>chrome文件夾。到此就安裝好了。如下圖

5. 有人問那我爲什麼打開我的開發着模式看不到效果呢？

---

別人是這樣的

---

而我是指這樣的

---

那爲什麼呢？因爲這個工具只能在vue項目的頁面上顯示出來，所以你還必須跑起來一個vue項目才能看到效果。

---

那就快點啓動自己的vue項目去頁面看看效果吧！

轉自：https://blog.csdn.net/wxl1555/article/details/76091614