chorme安装vue-devtools

1.下载码云上的镜像文件，vue-devtools: Browser devtools extension for debugging Vue.js applications

2.下载完成后使用vscode打开，下载安装yarn，使用yarn来安装依赖。执行：cnpm install -g yarn

备注：使用cnpm安装依赖，并且后续使用npm run build:watch报错，所以重新使用yarn来安装

3.安装依赖

yarn install

4.安装完成后，执行yarn run build:watch，执行后一段时间后会卡住不动，如下图所示

按Ctrl+C退出即可

5.执行yarn run dev:chrome，到如下图所示界面后，按Ctrl+C退出即可

6.查看devtools目录下的packages\shell-chrome

7.打开Chrome菜单项，更多工具--扩展程序，加载已解压的扩展程序

8.选择步骤6的文件夹

文章内容主要来自：VUE3 vue-devtools 调试工具下载安装