admin 管理员组

文章数量: 1184232

vue-devtools浏览器调试工具离线安装教程

vue-devtools浏览器调试工具离线安装是下载源码，通过本地编译之后，在放到浏览器上

这里写目录标题

  • vue-devtools浏览器调试工具离线安装教程
    • 1.下载源码
    • 2.执行安装插件包命令
    • 3.安装插件

1.下载源码

[不推荐]在github下载devtools源码，地址：https://github/vuejs/vue-devtools
[推荐]在gitee(码云)下载devtools源码，地址：https://gitee/mirrors/vue-devtools?_from=gitee_search
我这边选择是标签里的v6.5.0


然后直接选择压缩包下载

2.执行安装插件包命令

下载之后解压文件，在当前文件目录下，执行命令：

> yarn install

安装完成之后，再执行

> yarn run build

编译完成之后，我们找到shell-chrome

修改shells-chrome目录下的mainifest.json 中的persistant为true
（有时候已经是true）

3.安装插件

打开谷歌浏览器，找到拓展程序

打开之后，把shell-chrome拖拽到这里界面就能安装

安装之后成功之后

在开发中模式F12里，会多出一项Vue

本文标签： 离线 浏览器 调试工具 教程 Vue

版权声明：本文标题：vue-devtools浏览器调试工具离线安装教程 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1727389560a1123683.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。