在chrome调试vue,vue调试器离线安装(vue2-devtools、vue3-devtools)

vue3调试工具点击这里下载,也可私信我

1、先获取vue-devtools安装包

  1. 可走gitee获取源码,点击进入gitee,clone之后选择yarn或npm方式安装依赖包,在此就不赘述
  2. 在本人博客资源下载,解压即可使用,点击下载(推荐此方法,会省去一些繁琐的步骤)

2、打开chrome扩展程序

直接在地址栏输入chrome://extensions/,或者使用视图打开(alt+e ——>更多工具——>扩展程序)

3、添加扩展程序

3.1 在本人资源下载的处理方式(记得要解压)

  • 选择【已解压的扩展程序】,找到解压好的文件夹,进入文件夹,选中chrome文件夹,点击【选择文件夹】

  • 可以看到,扩展程序已经加了进来,接下来关闭浏览器(必要操作,否则不起作用),再打开即可使用

如果需要调试vuex,需要手动设置为可用

3.2 如果是自己在github克隆的源码,请看下方操作


版权声明:本文为liuxin00020原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。