一聚教程网:一个值得你收藏的教程网站

热门教程

vue调试工具vue-devtools安装与使用说明

时间:2026-06-08 08:28:47 编辑:袖梨 来源:一聚教程网

一、先克隆工具包代码

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。

vue调试工具vue-devtools安装及使用说明

4、打开Chrome浏览

打开扩展程序(右上角4个点—>更多工具—>扩展程序—>打开开发者模式开关)。

(1)第一步:

vue调试工具vue-devtools安装及使用说明

(2)第二步:

vue调试工具vue-devtools安装及使用说明

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

vue调试工具vue-devtools安装及使用说明

注意:如果没有出现下面这图标,可以关闭浏览器重新打开就有了。

vue调试工具vue-devtools安装及使用说明

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持本站。

热门栏目