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 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
