相信很多朋友曾经像我一样，安装vue-devtools时总会从各种渠道最后综合转到chrome应用商店的网址。而国内chrome网页是打不开的。肿么办？

一：下载

1、本地建立文件夹（自由命名），比如我的为了区分自己的和网上下载的，起名为vue-devtools-byself，如下

2、鼠标点到2，画红框的文件夹地址部分，输入cmd ,然后在弹出的终端中输入npm install vue-devtools

很快安装完成，如下图：

3、安装完成后，在该文件夹下的node_modules文件中找到vue-devtools文件，打开vender文件下的manifest.json文件，并修改persistent的值为true

二、安装

4、打开谷歌浏览器，地址为：chrome://extensions/，选择已解压的扩展程序

完成后在已安装的扩展程序中如下：

三、使用

5、在上图中默认是打开的，如果没打开自己点一下就是。随后你会发现在地址栏中出现了一个vue的标识。

然后重启浏览器。恭喜！你的dev-tools已经可以投入使用啦~~

使用效果是什么样呢？示例如下：

好啦，大功告成！

chrome应用商店打不开，怎么下载vue-devtools并安装呢？相关推荐

如何下载 Chrome 应用商店的 .crx 文件
//一直用chrome,最近插件(web developer)莫名丢失,修改hosts文件不得.第一种方法简单,第二种方法对个别chrome 插件有用,对另一些无效(可能id对不上) .推荐第一种方法 ...
Chrome应用商店选择你想下载的插件
对于翻墙用户来说,安装Chrome浏览器插件很简单,但是若想给妹子安装,这就是个问题了.如果我们可以把想安装的插件下载下来,直接安装不就行了吗.但是问题是Chrome在安装完插件就把安装文件删除了,这 ...
Chrome插件不翻墙安装、离线安装，插件商店，Fatkun图片批量下载插件
文章目录 Chrome第三方插件商店众所周知的原因,Chrome插件商店需要科学上网才能访问和安装插件. 但不需翻墙直接可以搜索.安装插件和离线安装插件都是常见的需求,那么自然也就有解决方案. Ch ...
下载Chrome应用商店中的插件
下载Chrome应用商店中的插件一.实现功能下载chrome插件,方便开发使用. 二.具体方法网站:扩展迷分享的这个网站叫做"扩展迷"([https://www.extfa ...
Win系统 - 该扩展程序并未列在Chrome应用商店中怎么样办？
在安装了一个第三方伯Chrome浏览器插件后,提示"该扩展程序并未在chrome应用商店中",无法正常使用,出现这种情况是由于该扩展Chrome浏览器认为不安全,所以禁用了该插件, ...
基于Chrome应用商店安装elasticsearch-head插件
目录 ElasticSearch-head和kibana比较为什么通过Chrome插件的方式安装elasticsearch-head 在Chrome应用商店安装测试连接 ElasticSearch ...
苹果手机用计算机打不开怎么回事啊,苹果手机商店打不开怎么办
我们苹果手机下载app通常都是在苹果商店下载,要是打不开就很麻烦了,怎么解决呢?下面由小编为你整理了6s手机苹果商店打不开怎么回事的相关方法,希望对你有帮助! 6s手机苹果商店打不开解决方法苹果 i ...
win10的高占用CPU的进程wsappx关闭指南+解决win10应用商店打不开
我不知道它为什么可以占我20%以上的CPU使用率,总之是个垃圾程序,直接关掉还会自启.本来是想用MATLAB多线程跑程序,结果一看这垃圾进程就占用了这么大的内存量. 文章目录关闭应用商店更新应用商 ...
windows10应用商店打不开
Windows10应用商店打不开怎么办? 试了好多办法,还是没用 1.可以wsreset,说是什么重置一下应用商店和清理缓存,然并卵,至少我遇到的情况是这样的. 2.打开powershell(管理员) ...

chrome应用商店打不开，怎么下载vue-devtools并安装呢？

一：下载

二、安装

三、使用

chrome应用商店打不开，怎么下载vue-devtools并安装呢？相关推荐

最新文章

热门文章