vue的調試工具 vue-devtools 的安裝和使用

1.下載下傳devtools，如果沒有安裝git，請直接通路https://github.com/vuejs/vue-devtools手動下載下傳

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

2.下載下傳完成之後解壓，目錄結構如下：

3.使用yarn install 或 npm install 或 cnpm install安裝依賴（進入目前目錄下使用指令）

4.下載下傳完成之後，修改manifest.json檔案，把"persistent":false改成true

5.編譯代碼：yarn run build 或 npm run build

6.擴充Chrome插件

Chrome浏覽器 >  更多程式 > 拓展程式 

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

7.打開浏覽器控制台看到vue說明安裝成功了（PS：vue項目下才能看到）

8.溫情提示: 

1.vue必須引入開發版, 使用min壓縮版是不能使用devtools進行調試的

2.安裝後, 需要關閉浏覽器, 再重新打開, 才能使用