vue调试工具vue-devtools安装及使用说明
更新时间：2026年04月25日 11:40:00 作者：AC_meimei
该文章主要介绍了如何安装和配置Vue Devtools扩展,首先需要克onole 克隆工具包代码并安装相关依赖,接着需要修改 persistent 字段的值为 true 幄节约安装时间,然后在 Chrome 浏览器中打开扩展程序设置,最后上传并检查安装是否成功,出现相应图标即表示安装完成
一、先克隆工具包代码
https://gitcode.net/mirrors/vuejs/vue-devtools.git
二、安装
1、安装 yarn 和 镜像
为了节约安装时间：
1️⃣ npm install -g yarn 2️⃣ yarn config set registry https://registry.npm.taobao.org --global 3️⃣ yarn config set disturl https://npm.taobao.org/dist --global 4️⃣ yarn config get registry
2、在vue-devtools目录下打开cmd
1️⃣ yarn install 2️⃣ yarn run build
3、全局搜索persistent字段
把 "persistent":false 改成 true。
4、打开Chrome浏览
打开扩展程序(右上角4个点—>更多工具—>扩展程序—>打开开发者模式开关)。
(1)第一步：
(2)第二步：
(3)第三步：上传后显示这个弹窗,说明安装成功了，可以正常使用了。
注意：如果没有出现下面这图标，可以关闭浏览器重新打开就有了。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了vue菜单栏联动内容页面tab的实现示例,左侧菜单栏与右侧内容部分联动,当点击左侧的菜单,右侧会展示对应的tab,具有一定的参考价值,感兴趣的可以了解一下2024-01-01
Element-UI的el-table组件是一个非常强大的表格组件,它提供了多种常见的表格功能,如排序、筛选、分页、自定义列模板等,这篇文章主要给大家介绍了关于element-ui el-table表格固定表头的相关资料,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了Vue高级特性概念原理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-03-03
这篇文章主要介绍了vue 开发之路由配置方法,结合实例形式详细分析了了vue.js路由原理、配置方法及相关操作注意事项,需要的朋友可以参考下2019-12-12
Vue3的ts报错:类型"{}"上不存在属性"xxx"的两种彻底根治解决方法
这篇文章主要给大家介绍了关于Vue3的ts报错:类型"{}"上不存在属性"xxx"的两种彻底根治解决方法,这是最近做项目中遇到的一个问题,这里给大家总结下解决办法,需要的朋友可以参考下2023-08-08
本篇文章主要介绍了karma+webpack搭建vue单元测试环境的方法示例，这次搭建的测试环境和开发环境隔离，所以理论上适用所有使用vue的开发环境。感兴趣的小伙伴们可以参考一下2018-05-05
vue3 集成 echarts 最大的坑就是出现了,reactive 的数据 刷新了,但图表缺不会刷新,所以本文就给大家详细的介绍一下vue3集成echarts数据刷新后图表不刷新的解决方法,需要的朋友可以参考下2023-08-08
这篇文章主要给大家介绍了关于vue-cli3跨域配置的简单方法，文中通过示例代码介绍的非常详细，对大家学习或者使用vue-cli3具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
这篇文章主要给大家介绍了关于vue自定义表格列的相关资料,表格组件在开发中经常会用到,文章通过示例代码介绍的也很详细,需要的朋友可以参考下2021-06-06
基于Vue3实现前端埋点上报插件并打包发布到npm的详细过程
这篇文章主要介绍了基于Vue3实现一个前端埋点上报插件并打包发布到npm,本项目采用pnpm进行Monorepo环境搭建,因为未来这个项目可能会加入更多的工具包，需要的朋友可以参考下2022-10-10
最新评论