Mac-chrome下手动安装Vue-devtools

1,919 阅读1分钟

在应用商店下载失败,故而手动安装。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的图标,表示安装成功。