vue-devTools（chrome調試插件）

引用網址：https://www.cnblogs.com/yuqing6/p/7440549.html

一，安裝

1.github下載

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

2 進入目錄使用命令行安裝

cd vue-devtools
npm install

3修改manifest.json (  打開shells>chrome>src>manifest.json並把json文件里的"persistent":false改成true )

 

 4 編譯代碼

npm run build

5 拓展Chrome插件

Chrome瀏覽器 >  更多程序 > 拓展程序 

點擊加載已解壓程序按鈕, 選擇 vue-devtools > shells > chrome 放入, 安裝成功如下圖

 

 

 

6. vue-devtools使用

vue項目, 打開f12, 選擇vue就可以使用了.

vue是數據驅動的, 這樣就能看到對應數據了, 方便我們進行調試