production 模式下开启 Vue Devtools

我一直以为在 production 模式下打包发布的 Vue 应用没法使用 Vue Devtools,原来我错了。

Vue Devtools 的开启条件是由 Vue 实例的 config.devtools 属性控制的,只要其值为 Truthy 即可开启。

找 Vue 实例的方法很多,比较快捷的办法是在 js 中搜索 “el:”、“config”、“$mount” 等关键词。找到实例后在合适的位置打个断点。

然后刷新页面,在控制台中修改 devtools 值为 Truthy,恢复断点。最后重新打开开发工具便看到 Vue Devtools 了。撒花~

感谢:https://www.v2ex.com/t/571410