药品招商网站大全,网络营销优化推广,嘉兴建设教育网站,省建设干部培训中心网站前言#xff1a;在开启Vue学习之旅时#xff0c;遇到问题两个问题#xff0c;第一添加不上vue devtools扩展工具#xff0c;第二添加完成后#xff0c;F12不显示Vue图标。查阅了很多博客#xff0c;自己解决了问题#xff0c;故写此博客记录。如果你遇到和我一样的问题在开启Vue学习之旅时遇到问题两个问题第一添加不上vue devtools扩展工具第二添加完成后F12不显示Vue图标。查阅了很多博客自己解决了问题故写此博客记录。如果你遇到和我一样的问题希望可以帮到你。
目录
1、vue devtools 扩展程序添加
2、成功添加扩展程序但在F12没有出现Vue图标
分析问题
解决问题
3、总结 1、vue devtools 扩展程序添加
需要去谷歌商城下载不过需要翻墙
我找了文件亲测可用链接永久有效 连接我放下面了
链接https://pan.baidu.com/s/18yS1GYfjwvwMleYzyuJ1cA?pwdMRJJ 提取码MRJJ
将扩展程序拖到这里然后重启电脑我当时没有重启添加后还是没有看到添加扩展的程序打开引入vue的程序Console输入Vue如下图所示表示已经将扩展程序添加好了。开心 2、成功添加扩展程序但在F12没有出现Vue图标
点击扩展程序灰色图标选中给它允许。 分析问题
有很多教程说是要在manifest.json里将persistent改为true但我的文件打开以后就是true。
还有引用vue.js代码需要是开发版本的生产版本的看不到这个图标。
我检查了一下我引用的是script srchttps://unpkg.com/vue3/dist/vue.global.js/script也没有问题。
为了更好地说明白以上两种建议都自行检查一下引用vue.js代码检查一下自己的代码manifest.json这个文件配置修改步骤如下
解决问题
检查manifest.json里persistent是否为true如果不是要改成true 这个文件manifest.json在哪
谷歌浏览器输入chrome://version/将个人资料路径复制 输入路径找到Extensions文件夹一路向下打开文件会看到一个manifest.json文件 我的情况都不是以上的两个问题我进行了如下的操作打开管理扩展程序 有权访问所有网站允许访问文件地址收集各项错误都选上 然后关闭浏览器重新打开文件 终于Vue的图标出现了
3、总结
vue学习前奏虽然是个很简单的配置但各种论坛博客信息很多可能和每个人的情况都不一样比如manifest.json这个文件在哪很多博客就没讲清楚当然可能我遇到的问题和你的问题不一样我是在翻阅了大量的资料然后进行各种尝试把问题解决了如果对你也有帮助帮忙点个赞