Skip to content

生产环境中使用 vue devtools

  • 打开需要开启开发工具的网站,并进入 F12 开发者模式
  • 选择源码 / Sources 选项卡,找到当前项目的基础库所在的 js 文件,一般名称以 app.开头,使用浏览器格式化工具,进行代码格式化
  • ctrl + f 全局搜索$mount 或.config.productionTip,如果都找不到,就直接从 new 开始搜,一个一个查,直到找到真正的 vue 实例初始化入口
  • 在 new 关键字所在的那一行打断点,并 f5 刷新进入该断点,拿到 vue 原型的配置对象
  • 找到 devTools 在控制台中将该值设为 true
  • 取消断点,关闭 F12/开发者调试面板,再次打开 F12 即可看到 vue 菜单已经出来了
  • https://www.cnblogs.com/dongweiq/p/16477183.html