Mac-chrome下手动安装Vue-devtools

在应用商店下载失败，故而手动安装。Vue-devtools

1、下载源文件至本地并解压，本文下载至桌面

github.com/vuejs/vue-d…

2、编译

2.1 切换所在目录

cd Desktop/vue-devtools
复制代码

2.2 安装npm依赖包

npm install
复制代码

2.3 编译文件

npm run build
复制代码

3、修改manifest.json文件

进入vue-devtools-dev/shells/chrome文件夹找到manifest.json文件，修改persistent

"persistent": true

4、放置编译好的文件夹推荐完成 可以不做

可以通过地址栏输入chrome:version 回车，用资源管理器打开"个人资料路径"栏的路径,该路径下的Extensions文件夹即默认的扩展安装路径。

5、最后一步

输入地址“chrome://extensions/”进入扩展程序页面，将文件夹拖入浏览器即可。

安装成功后重启浏览器,打开vue项目浏览器右上角会出现vue的图标，表示安装成功。