安装vue浏览器插件-Vue.js devtools

一、进入github仓库：https://github.com/vuejs/devtools可以下载zip包，也可以clone仓库。这里我下载的压缩包。二、解压后，在终端进入文件夹路径。Tips 解压后的文件夹名称一定要与package.json中的name一致。否则build报错。执行：cnpm install结束后，再执行：cnpm run build最后在浏览器扩展程序中，加载已解压的扩展程

小熊学前端

6616人浏览 · 2022-05-21 09:52:10

小熊学前端 · 2022-05-21 09:52:10 发布

一、进入github仓库：https://github.com/vuejs/devtools

可以下载zip包，也可以clone仓库。这里我下载的压缩包。
在这里插入图片描述

二、解压后，在终端进入文件夹路径。

解压后推荐使用yarn install安装依赖；yarn run build进行打包
经过小编自己使用npm cnpm进行安装，总是出现报错信息，加载到浏览器无法使用

执行：
yarn install 安装依赖
yarn run build 进行打包·

三、修改manifest.json

文件路径：\devtools-main\packages\shell-chrome\manifest.json

"background": {
    "scripts": [
      "build/background.js"
    ],
    // "persistent": false
    // persistent设置为true
    "persistent": true
  },

三、最后在浏览器扩展程序中，加载已解压的扩展程序

选中devtools-main\packages\shell-chrome

添加成功！
在这里插入图片描述

三、启动vue项目，浏览器中就可以看到啦

在这里插入图片描述

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