vue-devtools浏览器调试工具离线安装教程

vue-devtools浏览器调试工具离线安装是下载源码，通过本地编译之后，在放到浏览器上

这里写目录标题

1.下载源码

[不推荐]在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools
[推荐]在gitee(码云)下载devtools源码，地址：https://gitee.com/mirrors/vue-devtools?_from=gitee_search
我这边选择是标签里的v6.5.0
在这里插入图片描述
在这里插入图片描述
然后直接选择压缩包下载
在这里插入图片描述

2.执行安装插件包命令

下载之后解压文件，在当前文件目录下，执行命令：

> yarn install

安装完成之后，再执行

> yarn run build

编译完成之后，我们找到shell-chrome
在这里插入图片描述
修改shells-chrome目录下的mainifest.json 中的persistant为true
（有时候已经是true）
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-90gKO7O7-1687165292227)(D:\markdowmWorkImg\image-20230619164401271.png)]

3.安装插件

打开谷歌浏览器，找到拓展程序
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6ETfLlp2-1687165292228)(D:\markdowmWorkImg\image-20230619164530105.png)]
打开之后，把shell-chrome拖拽到这里界面就能安装
在这里插入图片描述
安装之后成功之后
在这里插入图片描述
在开发中模式F12里，会多出一项Vue
在这里插入图片描述

# vue.js # javascript # 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue