VUE系列——Chrome安装Vue调试插件

前言

Vue是一个很好用的前端,但是在浏览器上面不能直接打断点调试程序。

下面介绍通过安装调试插件对程序进行调试

按F12之后,出现一个Vue选项,效果如下:

VUE系列——Chrome安装Vue调试插件

安装过程

step1 下载插件并解压

链接:点我进入 
提取码:2tcj 

step2 进入到Chrome扩展程序页面点击开发者模式

chrome://extensions/

VUE系列——Chrome安装Vue调试插件

step3 点击加载已解压的扩展程序

VUE系列——Chrome安装Vue调试插件

step4 选择解压后的文件夹

VUE系列——Chrome安装Vue调试插件

结果

出现下面的效果就已经安装好了:

VUE系列——Chrome安装Vue调试插件