谷歌火狐安装插件vue-devtools-5.3.3

Vue-devtool的安装

我不会访问谷歌应用商店

有火狐浏览器直接找到
点击 Web 开发者

找到获取更多工具
直接搜索vue
第一个就是 安装就行
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

然后就安装好了

测试一下:
随便找一个带有vue代码的文件

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

这样显示就算完成了

直接去下载源码

https://github.com/vuejs/vue-devtools/releases/tag/v5.3.3
会用git也可以直接用git clone

我下载的没有安装依赖页没打包的:
大小:904K
链接:https://pan.baidu.com/s/1XWkQ-XE-hrYnBoBC9yWlVA
提取码:k96j
复制这段内容后打开百度网盘手机App,操作更方便哦

安装依赖:
先cd 到主目录下
可以使用 npm install 也可以使用 yarn 安装依赖 我用npm 中间报错了 重新整了一遍后用yarn 就好了
在这里插入图片描述

然后执行 npm run build 命令

在这里插入图片描述

找到这个目录下的 manifest.json文件

在这里插入图片描述
这个改为 true 原来是 false
在这里插入图片描述

之后去谷歌浏览右上角三个竖着的点 更多工具—》扩展程序—》打开开发者模式(右上角)—》点击左侧的 加载已解压的扩展程序 找到并选择 shell-chrome 文件夹

在这里插入图片描述

文件夹的位置

在这里插入图片描述

之后测试和火狐的一样 用一个带vue代码的文件

在这里插入图片描述

刚开始vue应该是在箭头所指的位置 我的是长嗯拉过来的

在这里插入图片描述

能看到数据 就是好了

我安装好依赖也打包好的 不知道换台电脑能不能直接用

大小:39.56M
链接:https://pan.baidu.com/s/1qF7Q7uieKMRa1qxVw-_zTA
提取码:32ic
复制这段内容后打开百度网盘手机App,操作更方便哦


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部