iOS vue devtools工具的手把手安装,及Vue.js not detected的解决

使用vue插件Vue.js devtools

一.通过谷歌商店直接下载(要翻墙)

二.不翻墙的方法:

1.官网下载

git地址:https://github.com/vuejs/devtools

git clone https://github.com/vuejs/devtools

2.完成后命令行里切到该目录下,执行

npm 比较慢,如果安装了yarn,则可用yarn 命令,分别执行以下语句:

1.npm install  或 yarn install
2.npm run dev  或 yarn run build

在这里插入图片描述

3.安装扩展

打开谷歌浏览器设置-扩展工具-加载已解压的扩展程序,选择packages下的shell-chrome,点确定

在这里插入图片描述

安装完成后,扩展多了一个下图这个,点击详情,打开允许访问
在这里插入图片描述
在这里插入图片描述

4. 验证是否安装成功

打开哔哩哔哩网站首页,如果右上角的小图标是亮着的,恭喜你已经几乎成功了。

当在自己的项目里,如果鼠标点上去,显示Vue.js is detected on this page。
在入口js文件里加一行:Vue.config.devtools = true(这行我没加也能使用了)
shell-chrome/manifest.json下修改: (必须改)

 "persistent": true。

在这里插入图片描述
在这里插入图片描述

这时候在工具栏就能看到vue并能正常使用啦,如下图

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值