1、从 git 上克隆 vue-devtools 项目
git clone https://github.com/vuejs/vue-devtools
2、cd 到 vue-devtools 目录下,安装依赖
cd vue-devtools
npm install // 此处有坑,大概率会失败
-------------------------------------------------
解决方案
1、切换到 vue-devtools项目 v5.1.0 tag 或者 master 分支
2、cnpm install / sudo cnpm install
cnpm 安装方式见此地址 https://blog.csdn.net/weixin_40706251/article/details/111311468
3、依赖安装成功后,修改 vue-devtools/shells/chrome/manifest.json
// 必要修改
"persistent":false =========> "persistent": true
4、npm run build 编译
5、打开 Chrome浏览器 -----> 更多工具 -----> 拓展程序
打开 开发者模式 开关
加载已解压的扩展程序
选择 vue-devtools > shells > chrome 确认
6、重启 Chrome 浏览器,打开 一个 Vue 项目,F12 即可看到 Vue 调试工具啦