vue----devtools安装失败及网上错误指导(纠正)

vue----devtools安装失败解析

vue----devtools安装失败解析

一:首先下载压缩包,github的下载地址:https://github.com/vuejs/vue-devtools
记住一定要选择master！！！我就是因为不是选的这个所以浪费很多时间(大佬勿喷)

下载好后解压到本地文件夹打开cmd窗口，进入解压的vue-devtools-master文件(操作命令不会的自己百度)执行 npm install 命令，显示如下图就说明这步成功了，

再执行npm run build ，出现如下图就说明这俩步已经完成
进入vue-devtools-master文件夹中找到shells文件夹，配置manifest.json文件，路径：shells>chrome>manifest.json
右击打开manifest.json文件(记事本格式或者其他能打开的软件都行)找到persistent 将状态改成true

最后打开chrome浏览器将它添加到拓展程序中—>点击chrome浏览器右上角的三个点(设置)，找到更多工具、选择拓展程序打开开发者模式

选择解压包中的shells----->chrome文件夹即可

最后进入你的vue程序或者进入https://www.bilibili.com/

看到chrome浏览器右上角的vue图标亮起即可

本文章参考:https://blog.youkuaiyun.com/weixin_45858926/article/details/103977900