安装VUE插件DevTool

安装VUE插件DevTool

一、在chrome商店直接安装

如果可以访问chrome商店（访问：chrome://extensions/），可以在商店搜索插件进行直接安装，但是，国内这个方法经常会访问不了chrome商店，请参考下面手动按照

二、手动安装

1. 找到vue-devtools的github项目，并将其clone到本地：git clone https://github.com/vuejs/vue-devtools.git（直接下载可能是dev分支，会出现编译不了，需要进入到github下周master分支）
   1. 
2. 安装项目所需要的npm包：npm install
3. 编译项目文件：npm run build
4. 添加至chrome浏览器：浏览器输入chrome://extensions/进入扩展程序页面，点击‘加载已解压的扩展程序...’按钮，选择vue-devtools>shells下的chrome文件夹

三、好处

安装完后，可以看到vue的vuex、组件、事件、路由等，可以看到非常清楚，调试会很方便。