Vue.js devtools，是一个Vue的开发插件，用这个插件，可以很清晰的发现自己写的东西

接下来将讲解如何安装

1.利用Chrome网上应用店进行安装

用这个方法，需要会使用科学上网，不会直接看下一招

打开谷歌应用商店

搜索：Vue.js devtools

点击第一个，点击“Add to Chrome”即可

最终显示已添加，即安装成功

2.用crx添加到浏览器

先下载Vue.js devtools，可以去网上下载，也可以在本文附加链接中下载，这里不再演示

下载完以后长这样

此时更改.crx的后缀名为.rar，并解压，如图

接着打开谷歌浏览器，打开扩展程序

点击：加载未打包的扩展程序，并选中刚刚解压的文件夹，并选择文件夹

出现这个页面“扩展程序已安装完毕”即安装成功

3.如何运行

先打开插件的详情，把能够的全勾上

此时随便打开一个vue网页，如图

此时先点击扩展标，然后再打开F12，调出调试控制台

点击<<，即可调出工具了

注：Edge也是Chromium内核，故安装步骤跟上文一致