Vue Devtools（Google插件）安装教程以及遇到的问题

1. 去 GitHub 克隆 Vue Devtools 代码到本地

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

2. 进入 vue-devtools 目录，安装依赖

cd vue-devtools

npm install

不知道什么原因出现了这个问题，有说是因为npm版本的，这个npm版本是10.5.2，解决办法：$npm i --legacy-peer-deps

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree

解决办法：$npm i --legacy-peer-deps

3. 修改 manifest.json 文件（可解决 “无法为内容脚本加载 JavaScript‘build/hook.js’， 无法加载清单。”的问题）

vue-devtools>packages>shell-chrome>manifest.josn

1、在background里面加入 “persistent”: true （文件里有persistent的，直接将persistent改成true）

2、将所有的build替换成src

4. 在 vue-devtools 目录下编译代码

npm run build

如果出现类似报错

解决办法：
安装 yarn 工具 $ npm install yarn -g
用 yarn 安装依赖 $ yarn install
用 yarn 构建 $ yarn run build

5. 加载 Chrome 扩展插件

打开 Chrome 浏览器，点击 三个点-更多工具-扩展程序-开发者模式-加载已解压的扩展程序- vue-devtools>packages>shell-chrome 放入

原文链接：https://blog.youkuaiyun.com/weixin_44137575/article/details/107771926
https://blog.youkuaiyun.com/qq_31594665/article/details/134193067
https://blog.youkuaiyun.com/qq_49355028/article/details/128778127