vue 生产环境 开启 vue-devtools 浏览器调试
发布时间: 2022-02-24      作者:admin    浏览:51 次

项目打包正式环境时,是没有 vue-devtools 选项卡的,没法看 vue 内部的数据

使用以下几步可以实现在不改代码的情况下开启 vue-devtools

    1.选中 Source 选项卡,找到打包好的 app.js,并格式化

  1. 2.ctrl + f 搜索$mount并在new那里打断点,new后面的对象就是 Vue 对象,需要记住该变量名,下一步要用到

  1. 3.F5 刷新页面就就会进入断点,并在控制台输入d["default"].config.devtools = true(.config之前的对象就是上一步new后面的对象)

  1. 4.F8 结束断点,关闭控制台,再次打开控制台就可以看到 vue-devtools 了


            *注释:摘抄于https://blog.csdn.net/weixin_44717473/article/details/110798112?utm_term=vue-devtools%E7%94%9F%E4%BA%A7%E7%8E%AF%E5%A2%83&utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~sobaiduweb~default-0-110798112&spm=3001.4430/


分享到:

朋友圈

新浪微博

QQ空间

豆瓣网

QQ好友