vue調試工具vue-devtools安裝及使用

1.安裝

(1)到github下載

git clone https://github.com/vuejs/vue-devtools

(2)在vue-devtools目錄下安裝依賴包

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是數據驅動的, 這樣就能看到對應數據了, 方便咱們進行調試