Vue-devtools安装

方法一：

1、下载安装包到本地
https://github.com/vuejs/vue-devtools

2、打开下载好的文件夹，按住shift + 鼠标右键 ,选择 在此处打开Powershell窗口

3、执行命令 npm install

4、执行命令 npm run build

这一步一定不要忘了，没有执行这一步的话，项目文件夹shells>chrome文件夹里会少一个src文件夹,这里会报错：无法加载背景脚本"build/background.js"

5、打开chrome扩展程序页面（或者浏览器输入地址“chrome://extensions/”进入)

6、打开右上角的 开发者模式 按钮

7、点击加载已解压的扩展程序, 然后选中 choose shells/chrome.

8、选中vue-devtools-dev / shells / chrome 文件夹。

微信截图_20190614211211.png

使用：
1> 在vue-devtools文件夹下执行npm run dev
在浏览器打开localhost:8100，然后打开F12，就可以看到了