vue 調試程序的安裝（谷歌瀏覽器chrome的vuejs devtools 插件的安裝）

1.首先在GitHub上下載vue的調試程序插件 vue-devtools 

地址：在github上下載壓縮包並解壓到本地，github下載地址：https://github.com/vuejs/vue-devtools

2. npm install

    下載完成後打開命令行cmd cd進入vue-devtools（下載的文件夾中）文件夾，

    1. npm install，安裝依賴包；

    2. npm run build

3.npm run build 執行完，

 會在shells>chrome下的src文件夾裏生產如上圖所示的幾個js文件；

 

npm run build 執行完，會在shells>chrome下的src文件夾裏生產如上圖所示的幾個js文件；

若不執行以上命令會報錯，沒法加載背景腳本"build/background.js"，以下圖：

3. 打開shells>chrome>manifest.json並把json文件裏的"persistent":false改爲true

4. 擴展chrome插件

1.打開chrome瀏覽器，打開更多工具>擴展程序；

2.再點擊加載已解壓的擴展程序，而後把shells>chrome文件夾放入

 

5， 測試安裝成功

在插件的目錄下執行npm run dev，這個時候咱們的插件就能夠運行了,打開localhost:8080能夠看到插件已經安裝並運行了。

以後咱們再打開咱們的vue 項目  按f12  會發現控制檯多了一個 vue 的選擇  

安裝成功！！