没钱，也不会翻墙。

所以。自己做个记录

1，找到vue-devtools的github项目，并下载到本地

https://github.com/vuejs/vue-devtools.git

2，解压并剪切到C:\Users\xy06\AppData\Local\Google\Chrome\User Data\Default目录。

（我看到网上是这样写的，我就照搬了。是否可以放到其他任意目录呢？）

3，cd到这个vue-devtools-dev目录，

npm install //如果太慢的话，可以安装一个cnpm, 然后命令换成 cnpm install

4，编译项目文件

npm run build

5，添加至chrome游览器

游览器输入地址“chrome://extensions/”进入扩展程序页面
点击“加载已解压的扩展程序...”按钮，选择vue-devtools>shells下的chrome文件夹。如图1
/**
*如果看不见“加载已解压的扩展程序...”按钮，则需要勾选“开发者模式”。
*/

图1：

image.png

添加成功会出现如图：

image.png

6，在main.js 添加

image.png

重启chrome浏览器，才能生效
最后大功告成如图（chrome版本不同,会有界面显示差异，没关系哦）：

image.png