vue调试工具vue-devtools安装及使用说明
作者:SunnyJourney
时间:2026-06-30
来源:互联网
浏览:0
Vue Devtools 是开发 Vue 应用时的高效调试利器,安装步骤虽然固定,但有几个容易踩坑的细节值得留意。下面就把完整的配置流程走一遍。 一、先克隆工具包代码 https://gitcode.net/mirrors/vuejs/vue-devtools.git 二、安装 1、安装 yarn
Vue Devtools 是开发 Vue 应用时的高效调试利器,安装步骤虽然固定,但有几个容易踩坑的细节值得留意。下面就把完整的配置流程走一遍。
一、先克隆工具包代码
https://gitcode.net/mirrors/vuejs/vue-devtools.git
二、安装
1、安装 yarn 和 镜像
为了节约安装时间:
1️⃣ npm install -g yarn2️⃣ yarn config set registry https://registry.npm.taobao.org --global3️⃣ yarn config set disturl https://npm.taobao.org/dist --global4️⃣ yarn config get registry
2、在vue-devtools目录下打开cmd
1️⃣ yarn install2️⃣ yarn run build
3、全局搜索persistent字段
把 "persistent":false 改成 true。

4、打开Chrome浏览
打开扩展程序(右上角4个点 → 更多工具 → 扩展程序 → 打开开发者模式开关)。
(1)第一步:

(2)第二步:

(3)第三步:上传后显示这个弹窗,说明安装成功了,可以正常使用了。

注意:如果没有出现下面这图标,可以关闭浏览器重新打开就有了。
作者最新文章
图几
2026-09-16 17:43
SQL中ROUND函数对0.5的处理机制及强制四舍五入方法
2026-09-15 14:19
JS金额计算怎么避免四舍五入误差
2026-09-14 17:32
韩国8月携号转网数据:Galaxy Z8系列iPhone用户转化率约为Z7系列2倍
2026-09-08 17:02
AE基础教程:如何创建合成并制作关键帧动画
2026-09-04 09:27
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多
Windows 10
Windows
Windows 10 是一款微软推出的经典操作系统,拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起,适合需要持续观察和微调设备状态的场景。
极度公式
Windows/macOS/Linux
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
















