chrome 扩展程序地址 Chrome://extensions
到GitHub下载压缩包
GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.
在main下tags选择对应的版本号
5.3.4及以下版本为vue2版本
- 下载压缩包解压
- 在终端运行 npm i 或者 yarn (推荐使用yarn,快多了,没有的话执行npm install yarn -g)
- 上个命令结束后执行yarn run build
- 打开Chrome扩展程序,打开开发者模式
- 找到文件vue-devtools/packages/shell-chrome/
- 把shell-chrome整个拖入扩展程序
6.0及6.1.4版本为vue3版本
- 下载压缩包解压
- 在终端运行 npm i 或者 yarn (推荐使用yarn,快多了,没有的话执行npm install yarn -g)
- 上个命令结束后执行yarn run build:watch
- 在执行yarn run dev:chrome
- 找到文件vue-devtools/packages/shell-chrome
- 把shell-chrome整个拖入扩展程序
6.2版本及以上可支持所有版本(功能齐全,监听整个项目版本,我运行的时候感觉有点卡)
执行命令同vue3版本
这样就下载好了,运行时记得刷新一下,不然在开发者工具里找不到vue