开始之前，也许你应该知道Vue-Devtools是什么？它有什么用处？

Vue-Devtools是基于chrome游览器的插件，用于vue开发调试。看到这里你也对Vue-Devtools有了解了吧，是不是迫不及待的想要知道该如何安装呢？

Vue-Devtools 两种安装方式：

1、chrome商店中下载直接安装

    当然对于我们来说需要翻墙，所以如果您不是很方便建议第二种方法。 

2、自己手工安装

    找到vue-devtools的github项目，git到本地代码如下：

git clone https://github.com/vuejs/vue-devtools.git

    安装所有npm包

npm install

    编译项目

npm run build

    添加至chrome游览器

游览器输入地址“chrome://extensions/”进入扩展程序页面，点击“加载已解压的扩展程序...”按钮，选择vue-devtools>shells下的chrome文件夹。

以上步骤，便可以正常调试了。

3、直接百度云盘获取已经编译好的代码

注：该方法是基于第二步编译出现各种错误不能正常编译，提供已经编译好了的代码，直接加载到谷歌的扩张程序中。

云盘地址：https://pan.baidu.com/s/1PBW1y4vSUG0hdATCIPtQIg   （qcsw）

安装完成后，关闭浏览器从新打开，在开发者工具中即可出现该插件。