vue-devtools下载与安装

最新推荐文章于 2024-05-14 12:26:25 发布
最新推荐文章于 2024-05-14 12:26:25 发布
阅读量703 收藏 4
点赞数 1
分类专栏： 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49806203/article/details/119669715
版权

笔者花了两天终于搞好了

首先我在一开始是在vue的官网上下载安装的，但是npm run build或者yarn run build老是出错

后来在一个博客下面看到了一个下载插件的网站

收藏猫插件-Chrome插件商店,谷歌浏览器插件,谷歌应用商店插件推荐及下载 (pictureknow.com)

从这个网站进行下载，下载完成后把下载好的crx文件直接拖到Chrome的扩展程序界面（在Chrome的右上角有三个点点击后出现设置，点击设置出现在左侧菜单栏有扩展程序一栏点击进入扩展程序）进行安装

 

 

安装完成后如果你的调试窗口没有显示

那么在扩展程序界面，点击vue扩展程序的详细信息，打开在无痕模式下启用和允许访问文件地址

最低0.47元/天 解锁文章
cout<<hello_dingding
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
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-devtools.crx下载
07-17
vue-devtools.crx下载,下载后加载到chrome中即可使用。
vue-devtools的安装
chenhaiy的博客
03-25 9621
vue-devtools的安装 vue-devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。前端开发工程师应该比较熟悉这款工具，可以边侧边栏窗格中的页面，边检查代码。由于vue是数据驱动的，所以就会存在在开发调试中查看DOM结构并不能看到我们想看到的内容，那么借助vue-devtools插件，我们就可以很容易的对数据结构进行解析和调试。 本文重点介绍vue-devtools安装方法，提供chrome插件直接安装方法。接下来
2024年最全Vue调试工具vue-devtools的安装与使用_vue调试工具安装，2024年最新阿里巴巴p6面试
最新发布
2401_84436058的博客
05-14 768
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】主要介绍vue-devtools的安装与使用。
vuedevtools工具（2023官网下载）
weixin_43472934的博客
03-10 907
vuedevtools
chrome安装Vue Devtools插件以及无法添加来自此网站的应用问题
baorant24的博客
11-07 1511
本文主要介绍Chrome浏览器中如何安装Devtools插件
安装Vue开发者工具devtools
不许人间丶见白头
07-16 129
将下载的开发工具拖入chrome中安装完成后，打开运行访问文件地址。输入v就可以看到vue devtools。在chrome浏览器中找到扩展程序。
vue-devtools安装工具包.zip
03-23
内附已用npm处理过的vue-devtools工具包，已配置过源码文件，直接拿来用即可。利用vue-devtools工具包安装vue-devtools的具体操作过程可查看博主主页文档，操作简单，便于上手。
vue-devtools@6.1.4谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
Vue调试神器vue-devtools.zip
12-26
vue-devtools是一款专门用于vue应用调试的浏览器插件，可以大大地提高vue应用的调试效率。
vue-devtools-5.1.1.zip
04-23
在github链接上面直接下载的vue-devtools 不可用，我这里在分支里面下载的，5.1.1版本可用的。 使用方法 切换到根目录 cnpm install，然后 npm run build，再 修改shells\chrome 目录下的manifest.json 里面的 ...
vue_dev_tools.crx
12-19
vue_dev_tools插件
vue-devtools-5.1.1
12-29
google的vue插件
Vue dev-tools的安装
那些年踩过的“坑”
11-14 363
2.极简插件：搜索 Vue -> 下载解压 -> 浏览器扩展模式打开，开发者模式 -> 将解压的CRX文件拖拽安装 ->3.如下图，打开Vue 运行的页面，则可以进行调试；如果没有显示，大概率是 插件详情中没有给两个允许的权限；安装 Vue 开发者工具，装插件调试Vue应用。（1）允许访问文件；（2）允许无痕下访问；1.通过谷歌应用商店来进行安装（国外网站）
vue-devtools插件下载、安装
m0_51645333的博客
12-13 4749
进入极简插件网站，搜索 Vue Devtools，点击推荐下载，解压下载的文件，拖进chrome，完成安装
vue-devtools-简介、下载、安装、配置、使用
热门推荐
记录和分享属于我的“IT”时光
03-21 2万+
vue-devtools-简介、下载、安装、配置、使用
一分钟下载并安装vue-devtools（详细步骤）
Beatingworldline的博客
06-06 3626
一分钟教你安装Vue.js devtools
vue devtools V6.2.0 下载与安装
weixin_47675705的博客
07-07 587
vue-devtools V6.2.0
vue-devtools 下载 安装
09-06
要下载和安装 Vue Devtools，您可以按照以下步骤进行操作： 1. 首先，确保您已经安装了 Vue.js 开发环境，包括 Node.js 和 Vue CLI。 2. 打开终端或命令提示符，进入您的 Vue 项目所在的目录。 3. 运行以下命令来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值