首先说一下vue-devtools的作用就是测试vue.js的****双向绑定功能
没有安装vue-devtools之前，使用vue.js，在 Chrome 浏览器中按 F12 或右键检查打开浏览器的控制台，选择 Console，会提示安装vue-devtools，如图所示：
安装方法一：
点击上图红框中的GitHub地址：github.com/vuejs/vue-d…，进行下载，如图所示：
下载完以后进行解压，如图所示：
打开cmd,进入vue-devtools-dev目录，执行cnpm install命令安装依赖包，再执行cnpm run build，如图所示：
打开谷歌浏览器，单机右上角菜单部分，点击“扩展程序”，如图所示：
然后打开“开发者模式”，点击“加载已解压的扩展程序”，如图所示：
将解压好的vue-devtools-dev文件下packages文件中的shell-chrome文件加载进来即可，如图所示：
成功以后会显示Vue.js devtools扩展程序，如图所示：
并且浏览器显示vue.js的logo，打开vue项目按F12或右键检查，选择vue即可进行调试，如图所示：
安装方法二：
打开谷歌浏览器，单机右上角菜单部分，点击“扩展程序”，如图所示：
然后打开“开发者模式”，点击“获取更多扩展程序”打开商店，如图所示：
在商店中搜索Vue.js devtools，加载即可，如图所示：
