这几天给项目浏览器安装vue-devtools, 弄了好长时间, 安装了几个tag版本 都在install 时失败, 尝试了很多办法, 最后成功了,总结分享给大家
源码编译安装
- 从git仓库下载vue-devtools 代码
https://github.com/vuejs/vue-devtools.git
切换到vue-devtools 目录, 执行
yarn install
编译
yarn build
修改vue-devtools\packages\shell-chrome 下的manifest.json 文件
"persistent": false // 把false 改成true
- 打开chrome 浏览器的扩展程序, 点击:加载已解压的的扩展程序, 从目录中选中shell-chrome
加载成功后, 点devtools 的详情, 把允许访问文件网址等选项开启
- 打开项目主入口文件main.js 在其中添加
Vue.config.devtools = true