Vue-devtools安裝步驟

今天跟着網上參考的vue調試工具安裝的方法，總結出更完善的步驟：

 

步驟一：調往連接地址 https://github.com/vuejs/vue-devtools

步驟二：解壓連接地址中的包，到本地桌面

步驟三：win+r 命令cmd到虛擬環境，執行cd 當前目錄名路徑

步驟四：執行cnpm install 安裝package.json中的依賴包

步驟五：執行npm run build命令會在   vue-devtools-master\shells\chrome  路徑下生成一個src文件

步驟六：修改shells>chrome文件夾下的mainifest.json 中的persistant爲true

步驟七：進入谷歌瀏覽器的擴展程序功能頁面（直接輸入 chrome://extensions)，打開開發者模式，選加載已解壓的擴展程序，而後把對應vue-devtools-master\shells\chrome路徑下的文件倒進去就哦了。

 

 實踐一下,直接啓動一個vue項目 npm run dev,F12就能夠看到安裝的調試工具了~~