1.第一步当然是对vue的安装了，网上有很多教程，这里就不多赘述了；
2.接下来我们首先需要安装的就是vue devtools，这里我们推荐从github上进行安装
GitHub下载地址：
https://github.com/vuejs/vue-devtools
下载vue-devtools完成后打开命令行选择进入vue-devtools文件夹,使用命令
cnpm install 对其进行编译
3.编译通过后，输入cnpm run build
4.通过后，打开vue-devtools的文件夹，打开其中的shells，找到其子文件夹chrome下的manifest.json文件，将其中的persistent由false改为true，改完后结果如下图，保存json文件。
5.接下来，打开chrome，在地址栏中输入chrome://extensions 打开chrome扩展程序
6.首先选中开发者模式，接下来点击 加载已解压的扩展程序，在文件夹选择中选择刚刚的chrome文件夹，即将扩展程序加载在chrome中。到此，已经安装完成啦~
ps:还有几个注意点：
1.chrome浏览器中的vue标志不亮？
这是由于加载的项目没有vue，只有加载含有vue的项目才会亮
2.vue标志亮了，但是控制台中没有vue？
这是因为在html代码中，加载的必须是vue.js，vue.min.js是不行的~
我们来看一下加载成功的效果图：
