Vue 生产环境打开 devtools 的两种方法

方案一

F12 切换到源码 tab，找到 app.[hash].js，ctrl + F 当前文件内搜索 #app ，找到

new n["default"]({
    router: ui,
    store: J,
    render: function(e) {
        return e($i)
    }
}).$mount("#app");

在 new 行打 debugger，然后刷新页面进入 debugger，n["default"].config.devtools 修改为 true，关闭 F12 重新打开

方案二

上述对于一些项目不管用，比如我，这里提供一行代码
__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init', (app.__vue__.__proto__.constructor.config.devtools = true) && app.__vue__.__proto__.constructor)

如果报错或不管用，下边的试试

__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init', (app.__vue__.__proto__.__proto__.constructor.config.devtools = true) && app.__vue__.__proto__.__proto__.constructor)

----------------------------------------------------更新一下----------------------------------------------------

方案三

chrome 插件市场找 Vue force dev，什么都不用动就可以直接开启了