在开发vue时，浏览器有很好的开发调试工具，可以让开发事半功倍，磨刀不误砍柴工。

步骤

1.下载工具

地址：https://github.com/vuejs/vue-devtools

2.安装依赖关系

Cmd进入vue-devtools文件夹，安装相关的依赖项，依次执行npm安装，然后执行npm运行构建。

3.修改配置

打开shellschromesrcmanifest.json，将“persistent”: false修改为true。

4.浏览器安装

经过前几步，工具基本准备好了。接下来，打开浏览器。

打开里面的设置，点击扩展程序。点击开发者模式

再次单击以加载解压缩的扩展程序，然后添加文件夹shellschrome。

5.测试

打开一个用vue开发的网页，打开chrome调试工具检查效果。

摘要

以上是边肖介绍的为Vue安装浏览器开发工具步骤的详细说明，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！