admin管理员组文章数量:1023895
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-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-devtools浏览器调试工具离线安装教程 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://it.en369.cn/jiaocheng/1727389557a739122.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论