方法一:
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,就可以看到了
![](https://img.haomeiwen.com/i1042966/61e822350a7b0bf7.png)
网友评论