Vue 生产环境（production) 打开 调试工具的方法 支持Vue3

总所周知，在production生产环境下，点击vue插件会显示，

并且按F12是没办法使用调试工具的，这样非常不方便

 其实是有一个办法的，那就是复制下面的js，然后在控制台执行 代码中已经写清楚执行步骤了

  

 

1.（代码都在github更新，这里不放了）

打开网址： 

https://github.com/xcr1234/vue-devtools-production/blob/vite/dist/main.js

复制其中js代码，按F12 粘贴到控制台执行

2.关闭控制台，再打开控制台 就能看到Vue面板了

这种方式每次打开新的窗口或者刷新就需要重新执行一遍

 

 

 

 

长效解决方案 

1.在浏览器安装Tampermonkey插件

2.安装这个脚本：

 https://greasyfork.org/zh-CN/scripts/443634-vue%E7%94%9F%E4%BA%A7%E7%8E%AF%E5%A2%83-production-devtools-%E8%B0%83%E8%AF%95