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

1、先获取vue-devtools安装包

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

2、打开chrome扩展程序

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

3、添加扩展程序

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

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

在chrome调试vue,vue调试器离线安装(vue-devtools)_第1张图片

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

在chrome调试vue,vue调试器离线安装(vue-devtools)_第2张图片

 

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

在chrome调试vue,vue调试器离线安装(vue-devtools)_第3张图片

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

在chrome调试vue,vue调试器离线安装(vue-devtools)_第4张图片

你可能感兴趣的:(编译)