Vue DevTools可使用修正方法
来源:互联网 发布:男生用什么护肤品知乎 编辑:程序博客网 时间:2024/05/22 18:24
因为工作要求,目前主要在用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
- 1
- 2
- 3
- 4
- 5
- 6
- 7
搞定!
效果
下载
- 已修正版的Vue DevTools下载:vueDevTools(可监测修正版).zip
阅读全文
0 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安装
- 实现HTML转PDF & 多个PDF合并
- 今天找回账号,但博客内容都丢失了
- HDU 4720 Naive and Silly Muggles(三角形最小覆盖圆)
- Android自动解析html带图片,实现图文混排
- Unity不同脚本之间的执行顺序
- Vue DevTools可使用修正方法
- linux中Graphics2D 中文乱码的解决办法
- 正则表达式,只能输入数字且最多两位有效数字,数字位数最多五位(限制的位数可自行调整)
- 数组
- MySQL单表查询优化技巧汇总
- LeetCode-49-Group Anagrams list_to_string、string list
- HDU-6216 A Cubic number and A Cubic Number
- BeX5使用疑难总结
- NLP in English