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