安裝
- 1.github下載地址:https://github.com/vuejs/vue-devtools
- 2.下載好后進入vue-devtools工程 執行npm install ----->npm run build.
- 3.修改manifest.json 中的persistent為true
presistent.PNG
- 4.打開谷歌瀏覽器設置--->擴展程序--》勾選開發者模式---》添加工程中的shells-->chrome的內容或者直接拖動shells-->chrome,至此恭喜已經安裝成功!!
vuetools.PNG
- 5.打開自己的vue項目中,如果是有vue-cli構建的項目,執行npm run dev,打開http://localhost:8080/ 服務器調試地址;至此完成devtools的安裝;
使用
- 1.打開vue項目,在控制臺選擇vue:
console.PNG