Chrome安装 vue-devtools

本文介绍了在Chrome浏览器中安装Vue Devtools扩展的两种方法:方法一从GitHub下载源码,解压后执行npm install和npm run build,修改manifest.json中persistent为true,将chrome目录拖入扩展程序;方法二创建空文件夹,npm install vue-devtools,修改node_modules中vender文件夹下的manifest.json,将vender拖入扩展程序。

作者:zhuge··预计阅读 3 分钟·589 阅读·0 评论
Chrome安装 vue-devtools

进入GitHub官网进行下载,--> https://github.com/vuejs/vue-devtools

下载安装包并将安装包进行解压

在解压后的文件夹中输入命令

npm install

下载完成后执行

npm run build 

完成安装。

然后进入 shells\chrome子目录,编辑 manifest.json 文件,修改persistent 为 true。

修改完成之后,将chrome文件拖至谷歌浏览器的扩展程序中即可。重启浏览器扩展程序即可使用。

若是在npm run build时出错


我们换一种安装方式:


首先,创建一个空文件夹,进入这个文件的终端。

输入npm install vue-devtools

安装完成后,进入该文件下的node_modules 文件,

找到 vue-devtools 文件,将vender 文件下的 manifest.json ,修改persistent 为 true。


最后,将vender 文件拖至谷歌浏览器的扩展程序中即可。重启浏览器扩展程序即可使用


相关文章

评论

加载中...