当前位置:首页 » 《我的小黑屋》 » 正文

前端vue调试工具:chrome浏览器vue-devtools安装方式详述

14 人参与  2024年04月01日 12:10  分类 : 《我的小黑屋》  评论

点击全文阅读


概述

vue-devtools官方文档,也可按照官方文档操作下面将介绍chrome集成vue-devtools的两种方式

一、谷歌官方应用商店搜索安装

通过扩展->扩展程序->访问chrome应用商店输入vue-devtools搜索插件即可

截图

二、通过打包官方源码生成压缩包,管理扩展程序中加载对应的打包文件即可

下载源码选择对应的版本tag官方源码

我们这里选择最新版本v6.5.1
最新版本

下载压缩包,或clone都可以*(

克隆命令:
git clone https://github.com/vuejs/devtools.git

安装依赖以及打包,命令

yarn && yarn build

管理扩展程序->加载已解压的扩展程序

文件夹选则当前文件下的packages\shell-chrome

扩展成功预览
添加成功控制台

tips

打包成功后,仅仅保留packages\shell-chrome文件夹即可,其余可删除最终文件已打包上传到百度云(扩展时直接使用该解压包即可)提取码:0408

点击全文阅读


本文链接:http://zhangshiyu.com/post/88905.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1