B站视频教程https://www.bilibili.com/video/av594066426/?vd_source=abe97b665919330a824136e7a9abd524

1.下载插件：

将vue-devtools的github项目拷贝到本地，

url地址：https://github.com/vuejs/devtools/tree/add-remote-devtools

up主说要下载add-remote-devtools分支才能用npm安装

2.解压代码包：

3.安装项目需要的npm包：

Ctrl+R打开运行窗口，输入cmd，调起命令行窗口，切换到解压后的vue-devtools代码包目录，安装需要的npm包：

npm install

4.编译项目文件：

npm run build

二.将插件包添加到浏览器

1，360安全浏览器，打开右上角“管理”按钮，下拉菜单点“管理”》“高级管理”,2，选中开发者模式，点击“加载已解压的扩展程序”，选择D:\devtools-add-remote-devtools\shells\chrome，文件夹

点击确定，能看到右上角扩展程序这里已经多了一个vue-devtools扩展程序图标了：

本地编译运行vue项目，能看到浏览器调试器这里已经有vue-devtools的相关模块了：