VUE调试插件安装流程

第一步:插件下载链接

https://www.chromefor.com/vue-js-devtools_v5-3-0/

第二步:下载具体位置

VUE调试插件安装流程

点击下载之后会开启一个新的窗体 

VUE调试插件安装流程

 

第三步:将下载的“chromeFOR.COM_vuejs-devtools_v5.3.0.crx”文件的拓展名修改为".rar“

VUE调试插件安装流程

 

第四步:将该压缩文件进行解压

VUE调试插件安装流程

 

第五步:打开谷歌浏览器,找到拓展程序

VUE调试插件安装流程

 

 

第六步:调整为开发者模式,然后选择“加载已解压的扩展程序",之后从电脑中查找第四步解压出来的文件夹,然后选择添加即可。

VUE调试插件安装流程

 

第七步:最终的效果,界面会展示vue插件

VUE调试插件安装流程

 

第八步:调试使用,运行含有vue的代码,F12开发者工具

VUE调试插件安装流程