没钱，也不会翻墙。
所以。自己做个记录
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
网友评论