美文网首页
Vue调试工具Vue-Devtools安装简单详细教程

Vue调试工具Vue-Devtools安装简单详细教程

作者: 兰觅 | 来源:发表于2020-11-06 14:55 被阅读0次

一.下载压缩包

下载一个已经用npm处理过的Devtools源码,而且已经给你配置好了manifest.json和webpack.config.js文件


压缩包下载

或者
链接:https://pan.baidu.com/s/1UtgWWE3p6-TJprt78KyOyw
提取码:xl0f

二.解压

解压后文件夹如下


解压后文件夹

三.在浏览器添加扩展程序

1.打开google浏览器,输入地址chrome://extensions/
2.点击【加载已解压的扩展程序】

添加扩展程序1
3.选中【chrome】文件夹
添加扩展程序2
3.点击确定后就OK啦
此时运行一个vue项目,在浏览器按F12调试就会出现vue调试窗口
效果

相关文章

网友评论

      本文标题:Vue调试工具Vue-Devtools安装简单详细教程

      本文链接:https://www.haomeiwen.com/subject/qaytbktx.html