如何安装vue-devtools,避免很多坑。

227 阅读1分钟

首先我相信大家在百度时,如何安装vue-devtools,会看到很多文章,然后进入github去下载项目代码,这时候文章会说要切换分支,然后再运行 npm install 时,项目依赖下不下来等等各种问题,我是经常遇到,所以我花了点时间,把这个插件打包后,放到了我的开源仓库里,方便大家下载,下载下来后直接可以拖入浏览器中使用。

现在我教大家如何使用这个东西!

这是我的码云链接

// 使用时 输入 git clone + '地址'
https://gitee.com/susu-from-the-other-world/vue-devtools-5.3.3.git

拷贝下来后是这样的一个文件夹

在这里插入图片描述

打开文件目录是这样子的 image.png

现在告诉大家使用方法!

1.打开谷歌浏览器右上角三个点

在这里插入图片描述

2.选择更多工具

image.png

3.选择扩展程序

在这里插入图片描述

4.打开开发者模式

在这里插入图片描述

5.直接选择加载已解压的扩展程序按钮,直接拖入文件夹即可使用

image.png