vue调试工具 vue dev tools

1. 如果 您的电脑可以翻墙的话，直接在谷歌浏览器的扩展里面安装 这个工具即可。

2.如果不可以翻墙的话，可以使用下面的步骤安装 这个调试工具。

  vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。

第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtools

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

第二步：安装项目所需要的npm包

• npm install //如果太慢的话，可以安装一个cnpm, 然后命令换成 cnpm install

第三步：编译项目文件

• npm run build

第四步：添加至chrome浏览器

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

/**
*如果看不见“加载已解压的扩展程序…”按钮，则需要勾选“开发者模式”。
*/

在谷歌浏览器 会有 vue一栏