Chrome（谷歌浏览器）安装Vue插件vue-devtools

安装步骤如下：
1、首先给大家提供一个git地址，虽然官网也有地址(https://github.com/vuejs/vue-devtools.git)，我认为不太好用
给大家提供另一个git地址：

https://gitee.com/zhang_banglong/vue-devtools.git

打开里面就如下：

 

 

2、打开控制面板，进入到vue-devtools文件夹下，输入命令npm install或者cnpm install

 

 

3、上一步成功后，紧接着输入命令npm run build

 

 

4、打卡文件夹，找到shell文件夹，

 

 

 

5、打开shell文件夹，会找到一个chrome文件夹，就是它了！！！

 

 

6、打开谷歌浏览器（Chrome），找到扩展程序打开

 

 

 

7、选择“加载已解压的扩展程序”

 

8、选中刚才找到的chrome文件夹

 

9、选中后，“扩展程序”界面就如下，就完成了

 

10、本地运行一个Vue项目，F12打开控制台，如果没有，要刷新一下页面，或关闭浏览器重新打开

 

 

参考：https://blog.csdn.net/Sunshine__Girl/article/details/114709142