浏览器上安装vue devtools
Posted sandy.simple
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了浏览器上安装vue devtools相关的知识，希望对你有一定的参考价值。
安装前要检查一下node版本的（node -v）,必须将版本提高到>4.4.7。低版本的node在安装devtools时执行npm install 时报错。如何升级node版本，若在window系统下只能下载node的安装包进行重新安装。查阅给出的方法是在mac系统或者linux下，window尝试多次都是报错，无奈只好重新下载安装包安装 node。
1.github下下载devtools源码：
git clone https://github.com/vuejs/vue-devtools.git
2.在vue-devtools项目文件夹下执行npm install->npm run build
3.将shells/chrome/mainfest.json文件里的persistent：flase 改为true
4.在新版谷歌，更多工具->扩展程序->勾选开发者模式->将上面的vue-devtools文件夹里面的chrome文件直接拖进去，就成功了
使用：打开vue项目，在控制台上选则vue
以上是关于浏览器上安装vue devtools的主要内容，如果未能解决你的问题，请参考以下文章
谷歌chrome浏览器vue调试工具vue-devtools的安装