如何安装vue调试工具，vue调试工具安装

1、vue调试工具安装

首先到网站上寻找vue-devtools下载

推荐到 github上面下载

cmd使用如下命令(前提是你要装有git)：

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

当然如果可以上google的话直接到应用商店下载

2、将下载的文件解压，进入到解文件夹vue-devtools的目录，安装项目所需要的依赖包。

安装方法：npm install  或  cnpm install 

（cnpm命令是国内的镜像，速度会快一些）

下图是编译过程

3、安装完成，如下所示，然后我们打开编译好的文件，编译过程报错的话，记得用npm清除缓存再试试

4、编译项目文件

npm run build

如下所示，代表已经编译成功

5、将编译好的组建添加到google浏览器，goole浏览器地址栏输入：chrome://extensions/ ，然后选择加载已解压的扩展程序，然后编译包目录下找到 chrome，点击确定，如下所示就是编译好的组建已安装

6、如果出现这个错误Vue.js is detected on this page. Open DevTools and look for the Vue panel. 可以修改如下图所示的地方为true，如果还不行 看看自己的js中是否引入vue的调试

7、vue-devtools 成功安装后的界面如下图所示