vue----devtools安装失败及网上错误指导(纠正)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma.
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.csdn.net/weixin_45858926/article/details/103977900
更多推荐
所有评论(0)