vue调试工具vue-devtools安装及使用说明
作者:SunnyJourney
时间:2026-06-30
浏览:6
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)第三步:上传后显示这个弹窗,说明安装成功了,可以正常使用了。

注意:如果没有出现下面这图标,可以关闭浏览器重新打开就有了。
作者最新文章
CorelDRAW是免费软件吗?详解试用、订阅与一次性购买收费模式
2026-10-30 19:32
PDF怎么免费转成Word并保留内容?转换前后检查要点
2026-10-30 17:50
ArchiveofOurOwn小说快速入口链接
2026-10-30 10:30
冰点还原怎么安装 初始配置步骤
2026-10-28 13:38
漫蛙下载最新版本
2026-10-13 13:42
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多

































