vue-devtools 各版本安装

chrome 扩展程序地址  Chrome://extensions

到GitHub下载压缩包

GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.

在main下tags选择对应的版本号 

5.3.4及以下版本为vue2版本

1. 下载压缩包解压
2. 在终端运行 npm i 或者 yarn (推荐使用yarn，快多了，没有的话执行npm install yarn -g) 
3. 上个命令结束后执行yarn run build
4. 打开Chrome扩展程序，打开开发者模式
5. 找到文件vue-devtools/packages/shell-chrome/
6. 把shell-chrome整个拖入扩展程序

 

 

6.0及6.1.4版本为vue3版本 

1. 下载压缩包解压
2. 在终端运行 npm i 或者 yarn (推荐使用yarn，快多了，没有的话执行npm install yarn -g) 
3. 上个命令结束后执行yarn run build:watch
4. 在执行yarn run dev:chrome
5. 找到文件vue-devtools/packages/shell-chrome
6. 把shell-chrome整个拖入扩展程序

6.2版本及以上可支持所有版本（功能齐全，监听整个项目版本，我运行的时候感觉有点卡） 

 执行命令同vue3版本

 

 这样就下载好了，运行时记得刷新一下，不然在开发者工具里找不到vue