chrome安装vue-tool调试插件

目前vue框架是前端比较流行的框架，但是对于复杂的vue项目中会有数量多和复杂的组件，这个时候会忘记组件的关系，比较麻烦。一直听说开发vue项目一定要用vue-tool，但是之前安装太失败了，今天终于装上了，纪念一下吧。

安装vue-tool的方法有多中，如果您能“翻墙”，那直接商城下载安装就行，对于国内的小伙伴来说这个方法可能就不适用了，还是老方法吧。

首先github上下载源码，地址

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

2.使用shell或者vs打开下载的项目，注意打开里边的那层文件夹

3.按照命令先install，可以使用npm或者yarn，本人用的yarn

yarn install   -------------成功后命令  yarn run build  -----等待吧少年

4,、上一步成功后，找到\vue-devtools-dev\packages\shell-chrome\manifest.json文件修改

"persistent": true（这是修改之后的）

5、添加方法：在chrome浏览器输入地址：“chrome://extensions/”进入扩展程序页面，然后点击“加载已解压的扩展程序...”按钮；选择\vue-devtools-dev\vue-devtools-dev\packages\shell-chrome文件夹；