生产环境中变态开启devtools（强制）

写到最前面

首先，你已经下载了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, 就会这样

然后关闭开发者工具，再打开一次你就看到了。别猴急，它反应不过来，你得关闭再打开一次开发者工具

最后

如果觉得帮助到你们，就评论感谢一下，让博主开心开心就行啦！！！