本篇文章主要介绍了详解vue.js的devtools安装 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
安装
2.下载好后进入vue-devtools-master工程 执行npm install ----->npm run build.
3.修改manifest.json 中的persistent为true
立即学习“前端免费学习笔记（深入）”；
4.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》添加工程中的shells-->chrome的内容或者直接拖动shells-->chrome，至此恭喜已经安装成功！！！
5.打开自己的vue项目中，如果是有vue-cli构建的项目，执行npm run dev,打开http://localhost:8080/ 服务器调试地址；至此完成devtools的安装；
功能介绍： 一.系统管理：管理员管理，可以新增管理员及修改管理员密码；数据库备份，为保证您的数据安全本系统采用了数据库备份功能；上传文件管理，管理你增加产品时上传的图片及其他文件 二.企业信息：可设置修改企业的各类信息及介绍 三.产品管理：产品类别新增修改管理，产品添加修改以及产品的审核 四.下载中心：可分类增加各种文件，如驱动和技术文档等文件的下载 五.订单管理：查看订单的详细信息
0
使用
打开vue项目,在控制台选择vue：
5.可操作组件查看信息变化(例如分页组件)选择第一页：
选择最后一页：
以上就是详细介绍vue.js中的devtools安装教程（图文）的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
695
收藏
取消收藏
