2021-12-06 学习记录--Vue-安装vue_dev_tools.crx

最新推荐文章于 2024-07-09 20:15:33 发布
最新推荐文章于 2024-07-09 20:15:33 发布
阅读量2.1k 收藏 2
点赞数 4
分类专栏： 学习-vue 文章标签： vue.js chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48850734/article/details/121741895
版权

在这里插入图片描述
安装步骤：

第一步、下载（在收藏猫插件里进行下载，还有其它下载的方式）

https://chrome.pictureknow.com/extension?id=d50143a5f53d406dbe992277bfc90521

第二步、【黄色框框里的内容】左键点击1，再点击2（管理扩展程序）
在这里插入图片描述
第三步、将下载好的文件拖入管理扩展程序即可

第四步、若想让Vue Devtools像下面这样展示出来
在这里插入图片描述
就把下面这个点亮即可
在这里插入图片描述

小呀小萝卜儿
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue_dev_tools.crx
04-12
vue基础（一）里面所需要的vue开发者工具
vue-devtools.crx
06-09
vue 调试插件 vue-devtools.crx ...
Vue.js devtools插件安装
最新发布
2301_77935086的博客
07-09 225
4. 其中名字长的 `.crx`结尾的 文件就是安装包，鼠标长按拖住，拖到 '管理扩展程序' 页面，松开鼠标。2.打开Chrome浏览器 -> 点击右上角三个点 -> 更多工具-> 扩展程序 -> 管理扩展程序。1. 如果没有下载谷歌浏览器，下载一个谷歌浏览器（搜索下载即可，现在可能是GPT浏览器的图标）3. 极简插件下载到的是压缩包，必须先解压缩！2. '管理扩展程序' 页面的右上角 '开发者模式' 开关打开。5. 看到弹出框，点添加扩展程序，安装成功！2.下载插件网址，点击即可下载。
vue-devtools.crx下载
07-17
vue-devtools.crx下载,下载后加载到chrome中即可使用。
vue-devtools v5.1.0.crx 最新版Chrome浏览器Vue调试插件
06-17
vuejs-devtools_v5.1.0.crx 最新版Chrome浏览器Vue调试插件，直接安装使用无需自己编译。安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式，然后把下载下来的“vuejs-devtools_v5.1.0.crx”拖到Chrome上去即可安装。 如果安装的时候报错：程序包无效:"CRX_HEADER_INVALID"解决方法： 将扩展名.crx改为.rar解压出来，然后使用“加载已解压的扩展程序”进行安装。
Vue dev-tools的安装
那些年踩过的“坑”
11-14 396
2.极简插件：搜索 Vue -> 下载解压 -> 浏览器扩展模式打开，开发者模式 -> 将解压的CRX文件拖拽安装 ->3.如下图，打开Vue 运行的页面，则可以进行调试；如果没有显示，大概率是 插件详情中没有给两个允许的权限；安装 Vue 开发者工具，装插件调试Vue应用。（1）允许访问文件；（2）允许无痕下访问；1.通过谷歌应用商店来进行安装（国外网站）
vue-devtools6.14.crx文件下载
m0_57512760的博客
09-21 1031
vue-devtools6.14.crx文件下载
Vue-tools.crx 及安装常见问题解决
Lawless
05-03 1594
下载之后直接保存在一个永远不会移动的文件夹里 直接将.crx文件拖入扩展程序内 打开谷歌-->更多工具-->扩展程序 链接：https://pan.baidu.com/s/16c9KKsK3oBmvA6EN73X3KQ 提取码：obxf 第一个问题： Vue图标是灰色的， 解决方法： 点击：详细信息 打开： 第二个问题： 打开控制台不出现Vue一...
vue3_dev_tools.crx
12-19
vue3_dev_tools插件
vue-devtools-5.3.3_0.crx
12-09
注意： vue的devtools工具，版本号是5.3.3.0，文件名为5.3.3_0.crx，直接拖拽至谷歌浏览器的扩展程序面板即可安装，若安装后提示已损坏，请将文件改为.zip的格式，eg：5.3.3.0.zip，在拖拽安装即可
【vue-devtools.crx】 chrome扩展离线下载 v3.1.6
01-18
下载文件包含两部分：①vue-devtools.crx插件②安装完插件不能调试使用的，各种问题解决方案
vue devtools3.1.6 chrome扩展离线版(crx)下载
12-04
vue devtools3.1.6 chrome扩展离线版(crx)下载,刚刚从墙外面下回来的,亲测可用，希望对大家有用。
最新的vue-devtools安装以及调试方法
qq_38302155的博客
10-21 1462
点开链接，可以将文件保存到百度网盘，我设置的永久有效哦！ 链接: https://pan.baidu.com/s/1MSXdJCrl-6znb_sOySTjdw 提取码: 3dc9 打开之后，下载vue-devtools.crx 文件； 方法一： 直接将crx文件拖到 谷歌浏览器-扩展程序 的空白页面，点击 添加扩展程序： 点击 详细信息： 如图，该勾选的进行勾选： 正常打开Vue项目就可以使用了！ 方法二： 如果在拖拽 crx文件到谷歌-扩展程序添加时，提示以...
2022-03-24 vue-devtools的下载和安装
GAARA
03-24 123
0.参考FeHelper的下载过程 2022-02-22 FeHelper插件的安装 1.找资源,下载crx文件 在这里插入图片描述 2.打开谷歌浏览器的扩展程序页chrome://extensions/,把crx文件拖动到此页 3.重启浏览器,打开一个vue项目,可以看到F12多了一个vue栏,同时插件图标那里有vue图标亮起,即安装成功
vue3-dev-tools.crx
02-22
安装Vue3 DevTools的过程相对简单，只需要将`vue3_dev_tools.crx`文件拖放到Chrome浏览器的扩展管理页面即可。不过需要注意的是，由于安全策略，现代浏览器可能需要开启“开发者模式”才能手动安装CRX文件。 总的来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小呀小萝卜儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值