写到最前面
首先,你已经下载了google的插件【vue devtools】,不知道怎么下载,留言博主
如果你想看的项目中的vuetools插件打开是这样的
Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the author.
正常的解决方案
老老实实打开你的项目,写入配置
/** 这里使用参数是否携带debug判断,你们也可以自己有跟中骚操作 */
if (location.search.includes('debug')) {Vue.config.devtools = true; // 最终就是执行这段代码
}
上线部署
再次打开,就可以了
重点
本节的重点,怎么不这么操作就可以启用devtools
需要用到我们开发者常用的开发者调试工具 (F12)
然后按照如图操作
点击search, 然后输入“vue.js”,
接下来就是正常刷新页面,进入断点,我们按F10,让它走到大概长这样的时候
我们到console控制台,输入以下代码
t.default.config.devtools = true;
然后结束此次调试,F8快捷键
再去看一眼vuetools, 就会这样
然后关闭开发者工具,再打开一次你就看到了。别猴急,它反应不过来,你得关闭再打开一次开发者工具
最后
如果觉得帮助到你们,就评论感谢一下,让博主开心开心就行啦!!!