步骤

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’

点击下载:

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

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

​npm install​​​或者​​cnpm install​

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

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

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

4、拖进去扩展程序

chrome://extensions/

Google浏览器怎么添加vue-devtools拓展工具_Google插件_04

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

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

下载crx

这一种简单暴力

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

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

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

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