vue2的vue-devtools安裝錯誤解決方案

1.vue-devtools-master的github下載地址：https://github.com/vuejs/vue-devtools

2.下載好後進入vue-devtools-master工程  執行npm install 或者 cnpm install----->npm run build.

 報錯 如下所示：

 安裝 vue-devtools-master時，無論是使用npm install還是cnpm install都會報錯，如上所示。

 

解決方案及安裝步驟

第一步（就是這個解決方案）：輸入   npm i -g npm 

第二步（按正常安裝）：輸入   npm install

第三步：輸入  npm run build

 以上表示，一些依賴已經安裝成功，並進行了打包處理。

 

在vue-devtools-master文件夾中，找到【manifest.json】文件，把 “persistent”：false   改爲   “persistent”：true；如下圖所示：

然後，打開chrome瀏覽器，點擊右上角菜單，看到【更多工具】-->【擴展程序】-->勾選  【開發者模式】-->打開vue-devtools-master夾找到【chrome】這個文件夾，選中拖到控制程序頁面，鬆手即可；如下圖所示：

如此， vue-devtools-master工具順利安裝成功！