vue打包之后使用vue-devtools插件

选中 Source 选项卡,找到打包好的 app.js,并格式化
image.png
ctrl + f 搜索$mount并在new那里打断点,new后面的对象就是 Vue 对象,需要记住该变量名,下一步要用到
image.png
F5 刷新页面就就会进入断点,并在控制台输入d["default"].config.devtools = true(.config之前的对象就是上一步new后面的对象)
image.png
F8 结束断点,关闭控制台,再次打开控制台就可以看到 vue-devtools 了
image.png

原文地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。