chrome安装vue-devtool插件

注：本安装过程适用于windows开发环境

一、编译源码加载插件

1.下载devtool插件源码，地址：

github上devtools-6.6.4版本源码

2.安装node环境，本次编译使用的node版本为14.21.3

3.由于devtools编译代码使用的是yarn作为包管理器，安装完node后需要再安装yarn

npm install --global yarn

4.打开命令行窗口，定位到 devtools 源码目录 

5.执行命令，初始化并下载项目编译所需的依赖包

yarn install

6.如果 install初始化成功，可以忽略下面报错的解决方案。如果报错信息如下：

@stylistic/eslint-plugin@2.1.0: The engine "node" is incompatible with this module

可以在命令行窗口中执行 以下命令进行配置解决后再次执行 yarn install 进行初始化

yarn config set ignore-engines true

7.使用

yarn run build

进行编译，编译成功的插件位于 项目目录/packages/shell-chrome 文件夹中

8.打开chrome浏览器 --> 右上角点击三个点 --> 扩展程序 --> 管理扩展程序 --> 加载已解压的扩展程序 

9.选择文件夹 项目目录/packages/shell-chrome 后正常加载插件即可

二、直接下载已编译的插件

1.下载我已经编译好的插件 vue-devtools-6.6.4-chrome插件

2.解压到本地目录，然后参考上述编译流程中的 第8步 安装完成即可