Vue-devtools 安装浏览器调试

 

工欲善其事，必先利其器。

本文主要讲解Vue-devtools的安装和使用

安装方法有两个：

方法一：（前提条件须要FQ，省事省力省心方便快速）

　　　　FQ =》谷歌商店 =》搜索 =》Vue-devtools =》添加至Chrome

方法二：

　　　一、克隆至本地：git clone（vue-devtools）

　　　二、安装项目所须要的npm包：npm install

　　　三、编印项目文件：npm run build

　　　四、添加至chrome浏览器

　　　进入扩展页面=》加载已解压的扩展程序=》选择vue-devtools>shells下的chrome文件夹

　　  /* 若是看不见“加载已解压的扩展程序...”按钮，则须要勾选开发者模式。 */

 

　　具体步骤如图所示：

　　 　　最后：Vue-devtools如何使用呢？

　　当咱们在Chrome添加完扩展后，须要调试Vue应用时，Chrom开发者工具栏会有一个vue的一栏，点击以后就能够看到vue对象的一些信息。

 

 

温情提示: 

1.vue必须引入开发版, 使用min压缩版是不能使用devtools进行调试的

2.安装后, 须要关闭浏览器, 再从新打开, 才能使用

 

若有问题欢迎扫码加群，大伙儿一块儿入群讨论问题！

但愿可以帮助到你们！！！谢谢合做！！！