vue是现在比较流行的前端框架，如何调试使用它，对于vue使用者来说是比较重要的，下面开始安装vue调试工具
工具/原料
vuegoogle浏览器vue-devtools
vuegoogle浏览器vue-devtools
方法/步骤
1、vue调试工具安装首先到网站上寻找vue-de箪滹埘麽vtools下载推荐到github上面下载cmd使用如下命令(前提是你要装有git)：gitc造婷用痃lonehttps://github.com/vuejs/vue-devtools当然如果可以上google的话直接到应用商店下载
2、将下载的文件解压，进入到解文件夹vue-devtools的目录，安装项目所需要的依赖包。安装方法：npminstall或cnpminstall（cnpm命令是国内的镜像，速度会快一些）下图是编译过程
3、安装完成，如下所示，然后我们打开编译好的文件，编译过程报错的话，记得用npm清除缓存再试试
4、编译项目文件npmrunbuild如下所示，代表已经编译成功
5、将编译好的组建添加到google浏览器，goole浏览器地址栏输入：chrom娣定撰钠e://extensions/惺绅寨瞀，然后选择加载已解压的扩展程序，然后编译包目录下找到chrome，点击确定，如下所示就是编译好的组建已安装
6、如果出现这个错误Vue.jsisd娣定撰钠etectedonthispage.OpenDevTools惺绅寨瞀andlookfortheVuepanel.可以修改如下图所示的地方为true，如果还不行看看自己的js中是否引入vue的调试
7、vue-devtools成功安装后的界面如下图所示
