Google浏览器怎么添加vue-devtools拓展工具

步骤1、下载github上面的源码git clone https://github.com/vuejs/vue-devtools如果代码下载不下来，可以下载zip包（我安装的5.1.1的，5.3.3安装依赖会报错）比如：Error: Cannot find module ‘@vue-devtools/build-tools’点击下载：2、找到vue-devtools文件夹，在目录下安装依赖包npm

凯小默

2722人浏览 · 2020-07-19 00:06:28

凯小默 · 2020-07-19 00:06:28 发布

步骤

1、下载github上面的源码

git clone https://github.com/vuejs/vue-devtools

如果代码下载不下来，可以下载zip包（我安装的5.1.1的，5.3.3安装依赖会报错）

比如：Error: Cannot find module ‘@vue-devtools/build-tools’

点击下载：

在这里插入图片描述

2、找到vue-devtools文件夹，在目录下安装依赖包

npm install或者cnpm install

在这里插入图片描述

3、安装完依赖，找到chrome文件复制一份改名vue-devtools_5.1.1

在这里插入图片描述

4、拖进去扩展程序

chrome://extensions/

在这里插入图片描述

5、重启一下浏览器，按f12，打开调试工具

在这里插入图片描述

下载crx

这一种简单暴力

https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd

在这里插入图片描述

下载好以后，拖进拓展工具那边就行

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RFkndSiG-1595088133590)(2EF74AF74A98480487B0BAD01363A8F0)]

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}$/, //不连续的两位字母// /^