关于chrome-devtools:vue-devtools安装方法

一、到 github 上下载 https://github.com/vuejs/devt…

抉择一个版本下载，为了反对 vue3，我这里抉择了最新的一个版本

二、编辑器关上下载后的我的项目，进入该我的项目，yarn install。

我的项目目录构造如下，咱们须要给该我的项目装置依赖包。从目录构造最初一个文件咱们晓得，该我的项目用的是 yarn，所以咱们应用 yarn 装置依赖包。装置后咱们多了 node_modules 依赖包。

三、yarn run build

打包之后，shell-chrome 文件夹下多了一个 build 文件夹，阐明咱们曾经打包胜利。

四、装置插件

1. 关上 Chrome 浏览器 -> 更多工具 -> 扩大程序 -> 关上开发者模式
2. 点击“加载已解压的扩大程序”，抉择咱们刚刚下载的我的项目的 shell-chrome 文件夹。

五、完事