vue之調試工具DevTools

1 在本地建一個文件夾

2  按住shift鍵同時右鍵，選擇進入在此處打開powershell 窗口，就可以進入這個文件的終端

3 在終端裏面執行 npm install vue-devtools

完成後，進入該文件下的node_modules 文件，找到 vue-devtools 文件，進入其中，將vender 文件拖至谷歌瀏覽器的擴展程序中即可。

 

 進入verder下的 manifest.json ，修改persistent 爲 true， 保存。

 

 刷新瀏覽器擴展程序即可使用。運行vue程序，即可在控制檯中看到此調試工具。

 

 

vue devtools 在用vue做的網站上會變亮但不能查看其結構。只有在本地運行的項目才能查看。

需要注意的是有時候 看不到vue的版本也查看不了結構，請進行下面的設置

 

 完美出來