谷歌火狐安装插件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，操作更方便哦