安装

1.github下载地址：https://github.com/vuejs/vue-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的安装；

使用

打开vue项目,在控制台选择vue：

5.可操作组件查看信息变化(例如分页组件)选择第一页：

选择最后一页：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue.js  # devtools  # devtools安装  # 使用  # vue-devtools的安装步骤  # Vue调试神器vue-devtools安装方法  # Vue DevTools调试工具的使用  # 分享vue.js devtools遇到一系列问题  # vue开发调试神器vue-devtools使用详解  # vue devtools的安装与使用教程  # 自己的  # 是有  # 下载地址  # 分页  # 拖动  # 第一页  # 好后  # 已经安装  # 大家多多  # 勾选  # 浏览器设置  # master  # strong  # npm  # run  # gt  # install  # github  # vuejs  # https 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 微信小程序 require机制详解及实例代码  Android 常见的图片加载框架详细介绍  Bootstrap整体框架之CSS12栅格系统  制作旅游网站html,怎样注册旅游网站？  Laravel怎么多语言本地化设置_Laravel语言包翻译与Locale动态切换【手册】  如何在阿里云ECS服务器部署织梦CMS网站？  如何在服务器上配置二级域名建站？  MySQL查询结果复制到新表的方法(更新、插入)  北京网站制作的公司有哪些,北京白云观官方网站？  如何确认建站备案号应放置的具体位置？  1688铺货到淘宝怎么操作 1688一键铺货到自己店铺详细步骤  如何快速选择适合个人网站的云服务器配置？  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  Laravel如何创建自定义中间件？（Middleware代码示例）  如何用景安虚拟主机手机版绑定域名建站？  html文件怎么打开证书错误_https协议的html打开提示不安全【指南】  Bootstrap CSS布局之列表  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  nodejs redis 发布订阅机制封装实现方法及实例代码  如何做网站制作流程,*游戏网站怎么搭建？  Laravel如何实现用户注册和登录？（Auth脚手架指南）  Laravel Octane如何提升性能_使用Laravel Octane加速你的应用  Android使用GridView实现日历的简单功能  Laravel如何处理表单验证？（Requests代码示例）  如何选择可靠的免备案建站服务器？  Laravel Blade模板引擎语法_Laravel Blade布局继承用法  ChatGPT 4.0官网入口地址 ChatGPT在线体验官网  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  济南网站建设制作公司,室内设计网站一般都有哪些功能？  高防服务器：AI智能防御DDoS攻击与数据安全保障  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  laravel怎么为API路由添加签名中间件保护_laravel API路由签名中间件保护方法  Laravel如何使用缓存系统提升性能_Laravel缓存驱动和应用优化方案  Laravel如何实现邮件验证激活账户_Laravel内置MustVerifyEmail接口配置【步骤】  bing浏览器学术搜索入口_bing学术文献检索地址  谷歌Google入口永久地址_Google搜索引擎官网首页永久入口  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  如何快速重置建站主机并恢复默认配置？  如何解决hover在ie6中的兼容性问题  如何在IIS服务器上快速部署高效网站？  JavaScript实现Fly Bird小游戏  Laravel如何使用Vite进行前端资源打包？（配置示例）  linux写shell需要注意的问题(必看)  如何快速生成专业多端适配建站电话？  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  laravel怎么使用数据库工厂（Factory）生成带有关联模型的数据_laravel Factory生成关联数据方法  Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  微信小程序 五星评分(包括半颗星评分)实例代码