安装

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 】

相关推荐： ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  Laravel观察者模式如何使用_Laravel Model Observer配置  WordPress 子目录安装中正确处理脚本路径的完整指南  大连 网站制作,大连天途有线官网？  Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案  jquery插件bootstrapValidator表单验证详解  如何用已有域名快速搭建网站？  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  简历在线制作网站免费版,如何创建个人简历？  如何解决hover在ie6中的兼容性问题  黑客如何通过漏洞一步步攻陷网站服务器？  网站制作企业,网站的banner和导航栏是指什么？  如何快速搭建高效香港服务器网站？  焦点电影公司作品,电影焦点结局是什么？  Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程  免费网站制作appp,免费制作app哪个平台好？  Android自定义listview布局实现上拉加载下拉刷新功能  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  Laravel如何使用查询构建器？（Query Builder高级用法）  中国移动官方网站首页入口 中国移动官网网页登录  零基础网站服务器架设实战：轻量应用与域名解析配置指南  如何在服务器上三步完成建站并提升流量？  如何在景安云服务器上绑定域名并配置虚拟主机？  微信小程序 闭包写法详细介绍  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  微信公众帐号开发教程之图文消息全攻略  如何快速完成中国万网建站详细流程？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  悟空识字如何进行跟读录音_悟空识字开启麦克风权限与录音  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  Laravel如何与Pusher实现实时通信？（WebSocket示例）  Laravel如何优化应用性能？（缓存和优化命令）  Laravel如何使用Facades（门面）及其工作原理_Laravel门面模式与底层机制  如何用免费手机建站系统零基础打造专业网站？  Laravel如何使用withoutEvents方法临时禁用模型事件  bootstrap日历插件datetimepicker使用方法  laravel怎么使用数据库工厂（Factory）生成带有关联模型的数据_laravel Factory生成关联数据方法  如何快速辨别茅台真假？关键步骤解析  Python自动化办公教程_ExcelWordPDF批量处理案例  Linux系统命令中tree命令详解  Internet Explorer官网直接进入 IE浏览器在线体验版网址  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  JS中对数组元素进行增删改移的方法总结  如何快速搭建二级域名独立网站？