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.

 报错 如下所示:

vue2的vue-devtools安装错误解决方案_第1张图片

vue2的vue-devtools安装错误解决方案_第2张图片 安装 vue-devtools-master时,无论是使用npm install还是cnpm install都会报错,如上所示。

 

解决方案及安装步骤

第一步(就是这个解决方案):输入   npm i -g npm 

第二步(按正常安装):输入   npm install

第三步:输入  npm run build

vue2的vue-devtools安装错误解决方案_第3张图片

vue2的vue-devtools安装错误解决方案_第4张图片

vue2的vue-devtools安装错误解决方案_第5张图片 以上表示,一些依赖已经安装成功,并进行了打包处理。

 

在vue-devtools-master文件夹中,找到【manifest.json】文件,把 “persistent”:false   改为   “persistent”:true;如下图所示:

vue2的vue-devtools安装错误解决方案_第6张图片

然后,打开chrome浏览器,点击右上角菜单,看到【更多工具】-->【扩展程序】-->勾选  【开发者模式】-->打开vue-devtools-master夹找到【chrome】这个文件夹,选中拖到控制程序页面,松手即可;如下图所示:

vue2的vue-devtools安装错误解决方案_第7张图片

如此, vue-devtools-master工具顺利安装成功!

 

 

 

 

你可能感兴趣的:(vue)