手动安装vue-devtools(Chrome)

1|01. 克隆vue-devtools的github仓库

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

可以将其克隆到Chrome浏览器的插件文件夹中。

通过在浏览器的地址栏输入chrome://version可以查看chrome个人资料路径，在这个路径里的extensions文件夹就是存放插件的文件夹

2|02. 安装

首先需要进入vue-devtools文件夹中：cd vue-devtools

然后再下载依赖：cnpm install

最后：npm run build

不成功的话注意看看你是不是在vue-devtools文件夹中运行的。

成功后进入shells文件夹下的chrome文件夹中修改manifest.json文件，将其中的"persistent" : false改为"persistent" : true。

然后就可以将vue-devtools中shells中的chrome文件夹拖入Chrome浏览器的扩展程序中。

3|03.运行

最后需要在vue-devtools文件夹下运行npm run dev。

此时进入localhost:8100（不一定是这个）中就可以看到背景页面。然后Ctrl+c关闭端口，后就可以在其他vue页面中使用vue-devtools了。

__EOF__

本文作者：··十方··
本文链接：https://www.cnblogs.com/flynn24/p/13620265.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！