vue-devtools安装相关问题

新版的vue-devtools并不是用npm安装，而是用yarn 最好选择vue-devtools 5版本以下的（个人建议）

安装:

1.到github下载：

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

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

1.cd vue-devtools 2.yarn install（新版） cnpm install（旧版）

3.3.修改manifest.json文件

把"persistent":false改成true

4.编译代码

npm run build（旧） yarn run build（新）

5.扩展Chrome插件

Chrome浏览器 > 更多程序 > 拓展程序

点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图

做法2：

在git上克隆vue-devtools仓库 cd vue-devtools （解压后的文件夹） 跑 yarn install 然后跑 yarn run build 打开Chrome扩展程序页面（当前位于菜单>更多工具>扩展程序下） 检查右上角的“开发人员模式” 单击左侧的“加载解压缩”按钮，然后选择文件夹： vue-devtools/packages/shell-chrome/ 在第3步中，还可以yarn dev:chrome用来构建和观看解压后的扩展程序