如何安装vue.js devtools?


当前第2页 返回上一页

在这里插入图片描述

7、打开文件夹,进入到\vue-devtools-dev\packages\shell-chrome目录下,打开manifest.json文件,修改

“persistent”: false 为 “persistent”: true在这里插入图片描述
在这里插入图片描述

8、打开Google Chrome,进入扩展程序,打开开发者模式,点击加载已解压的扩展程序,选择\vue-devtools-dev\packages\目录下的shell-chrome文件夹

在这里插入图片描述
在这里插入图片描述

9、安装完成

在这里插入图片描述

使用 Vue-devtools调试

1、在浏览器打开调试项目,我这里随便写了个测试页面,打开控制台,点击图中的Vue,即可进行调试

在这里插入图片描述

相关推荐:

2020年前端vue面试题大汇总(附答案)

vue教程推荐:2020最新的5个vue.js视频教程精选

更多编程相关知识,请访问:编程入门!!

以上就是如何安装vue.js devtools?的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vue.js怎样隐藏软键盘

vue.js需要什么基础?

vue.js如何安装vuex

vue-cli3.0安装与配置的方法教程(图文)

nodejs和vuejs之间的差异

怎么用npm卸载vue.js

vue.js的ul-li标签仿select标签

10+个顶级vue.js工具和库(分享)

彻底理解css中视觉格式化模型(附示例)

vue.js如何删除数组的元素

更多相关阅读请进入《vue.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...