vue devtools源码下载、编译、安装

一：下载源码

去vue官网的github，下载开发者工具源码；
链接: https://github.com/vuejs/vue-devtools.

二：安装依赖

yarn init（可能时间比较长，源码中提供的就是yarn安装）

yarn安装:
链接: https://classic.yarnpkg.com/zh-Hans/docs/install#windows-stable.

下载msi文件一路点下去就行；
在webstrom中，可能需要配置一下地址，如下：

三：编译

3.1 安装依赖完成可以看一下package.json文件，如果有没安装的会提示；
3.2 运行 npm run build 打包编译
（yarn run build应该也可以，我习惯npm）

编译生成packages文件夹后，进入 packages/shell-chrome/文件夹下，修改如下两个地方：

四：放入谷歌浏览器

谷歌浏览器/设置/拓展程序
打开开发者模式；
将shell-chrome文件夹直接拖入即可

建议几个月更新一下，依赖下好之后，再更新只需要一些源代码就行。