Vue devtools安装,解决调试界面没有VUE的方法

1.下载Vue devtools,网址:https://chrome.zzzmh.cn/info/nhdogjmejiglipccpnnnanhbledajbpd
Vue devtools安装,解决调试界面没有VUE的方法_第1张图片
2.下载完成之后进行解压,会有一个“.crx”文件,点击扩展程序,添加扩展,添加扩展程序
Vue devtools安装,解决调试界面没有VUE的方法_第2张图片
3.直接张“.crx”文件拖拽进来,记得打开“开发者模式”
Vue devtools安装,解决调试界面没有VUE的方法_第3张图片
4.然后点击详情,打开“允许文件访问地址”
Vue devtools安装,解决调试界面没有VUE的方法_第4张图片
5.然后找到文件扩产文件所在的位置,找到“mainfest.json”文件,用文本文件打开编辑,将"persistent": false更改为"persistent": true
Vue devtools安装,解决调试界面没有VUE的方法_第5张图片

Vue devtools安装,解决调试界面没有VUE的方法_第6张图片
6.打开网址,按F12调试,就可以看到了
Vue devtools安装,解决调试界面没有VUE的方法_第7张图片

你可能感兴趣的:(vue.js,前端,javascript)