vue的调试工具 vue-devtools 的安装和使用

使用vue开发项目，vue-devtools 是必须的，但限于Google 网络的访问受阻，我推荐大家使用以下方法来获取 vue-devtools

安装:

1. 到github下载：

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

2. 在vue-devtools目录下安装依赖包

   cd vue-devtools
   npm install
   

3. 修改vue-devtools > shells > chrome下的 manifest.json 文件"persistent":false 改为 true

4. 编译代码

   npm run build
   

5. 扩展Chrome插件

Chrome浏览器 > 更多程序 > 拓展程序 右上侧开启开发者模式

左侧点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 目录

6. vue-devtools使用

现在使用浏览器按快捷键 f12打开开发者工具， 就可以看到标签栏多了一个vue标签。

通过 vue-devtools 可以很方便的查看 vue 组件，路由，事件及 state 了！