丹东新区建设发展集团网站,牟长青 做网站推广的四个基本要点,潍坊市网站建设,网站推广在哪些平台做外链因为工作要求#xff0c;目前主要在用Vue.js技术栈做开发#xff0c;调试是必不可少的#xff0c;这里会用的Vue DevTools的调试工具#xff0c;问题就出在这里#xff0c;当用Vue DevTools做调试时#xff0c;很多时候都不能用#xff0c;提示没有监测到Vue#xff0c…因为工作要求目前主要在用Vue.js技术栈做开发调试是必不可少的这里会用的Vue DevTools的调试工具问题就出在这里当用Vue DevTools做调试时很多时候都不能用提示没有监测到Vue这让工作效率瞬间拉低了。 修正Vue DevTools
好了开始正题下面来说一下修正的方法。
先从官网把Vue DevTools下载下来https: //github.com/vuejs/vue-devtools。 关键步骤一.修改persistent
找到文件vue-devtools/shells/chrome/manifest.json修改persistent为true。 保存后编译一下 关键步骤二.勾选允许访问文件网址
上一步已经把Vue DevTools写好了接下来是安装这个扩展。
打开Chrome在地址栏输入chrome://extensions/直接进入Chrome的扩展。
勾选最上方的开发者模式再点击“加载已解压的扩展程序…”路径为vue-devtools-master/shells/chrome 勾选允许访问文件网址 关键步骤三.加入Vue文件中加入Vue.config.devtools
Vue.config.devtools true; //这步很重要
new Vue({el: #app,data: {a: 123,}
});
搞定 效果 下载
已修正版的Vue DevTools下载vueDevTools(可监测修正版).zip 博客名称王乐平博客 CSDN博客地址http://blog.csdn.net/lecepin 本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。
