Vue DevTools可使用修正方法
来源:互联网 发布:网络时时彩案件判刑 编辑:程序博客网 时间:2024/05/16 03:03
因为工作要求,目前主要在用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
1 0
- Vue DevTools可使用修正方法
- Vue DevTools可使用修正方法
- vue Devtools无法使用的原因
- vue-devtools的安装与使用
- vue-devtools的安装与使用
- 关于vue DevTools不能使用的解决办法
- vue.js开发神器devtools的安装方法
- 安装vue-devtools
- Vue.js之devtools
- Vue DevTools调试工具
- vue-devtools安装
- vue-devtools学习
- vue-devtools安装
- vue devtools的安装
- vue的测试,vue-devtools
- Vue-安装插件Vue Devtools
- vue调试工具vue devtools
- vue.js的devtools安装
- 标签的属性值,可以自己任意定义如
- java基础(2)
- Exception in thread "main" org.openqa.selenium.remote.UnreachableBrowserException
- BZOJ 4503: 两个串
- JAVA笔记复习2
- Vue DevTools可使用修正方法
- Linux Kernel 学习笔记3:设备编号
- How to Check or Verify PC Motherboard BIOS SLIC Version is SLP OA 2.0 or 2.1 for OEM Activation
- 传输协议
- MyEclipse常用插件使用教程
- ScrollView中嵌入Listview,当item高度不一样的时候,item展示不全问题
- 算法链表合并
- 邻接表用数组模拟+dij+优先队列,dfs剪枝+邻接表用数组模拟,链表+dij+优先队列
- 微信服务号 接口调用