vue-devtools浏览器调试工具离线安装教程
vue-devtools浏览器调试工具离线安装是下载源码,通过本地编译之后,在放到浏览器上
1.下载源码
[不推荐]在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools
[推荐]在gitee(码云)下载devtools源码,地址:https://gitee.com/mirrors/vue-devtools?_from=gitee_search
我这边选择是标签里的v6.5.0
然后直接选择压缩包下载
2.执行安装插件包命令
下载之后解压文件,在当前文件目录下,执行命令:
> yarn install
安装完成之后,再执行
> yarn run build
编译完成之后,我们找到shell-chrome
修改shells-chrome目录下的mainifest.json 中的persistant为true
(有时候已经是true)
文章来源:https://www.toymoban.com/news/detail-492776.html
3.安装插件
打开谷歌浏览器,找到拓展程序
打开之后,把shell-chrome拖拽到这里界面就能安装
安装之后成功之后
在开发中模式F12里,会多出一项Vue
文章来源地址https://www.toymoban.com/news/detail-492776.html
到了这里,关于vue-devtools浏览器调试工具离线安装教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!