想不想在浏览器的控制台中直接调试vue.js？那你一定要了解一下vue-devtools！

vue-devtools是用于调试 Vue.js 应用程序的浏览器开发工具扩展。

网上很多教程，都是下载源码，然后使用 npm，比较繁琐，下面教大家一种简单安装方法

安装

① 在GitHub上下载浏览器扩展包

下载连接为：/vuejs/devtools/releases

② 解压下载的扩展

③ 打开谷歌浏览器扩展程序

第一种方式点击谷歌浏览器右上角的三个竖点->更多工具->扩展程序第二种方式直接在谷歌浏览器地址栏输入连接：chrome://extensions/

④ 打开开发者模式

⑤ 加载已解压的扩展程序

点击加载已解压的扩展程序选择解压好的扩展

至此已经安装好了。