vue devtools安装

最新推荐文章于 2024-07-29 10:48:55 发布
最新推荐文章于 2024-07-29 10:48:55 发布
阅读量100 收藏
点赞数
文章标签： chrome vue devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxhz520/article/details/82387350
版权

♪♪♪♪♪♪♪♪♪♪♪

克隆下载

git clone https://github.com/vuejs/vue-devtools

到vue-devtools目录下，并安装依赖

这里写图片描述

修改config

persistent: true -> persistent:false
这里写图片描述

这里写图片描述

编译代码

npm run build

O K

这里写图片描述

点击加载已解压的扩展工具 添加chrome文件夹就好了

lxhz520
关注
解决Vue Devtools安装失败问题
PixelEnigma的博客
10-02 951
在你的Vue项目中，打开浏览器的开发者工具（通常按下F12键），切换到"Vue"或"组件"选项卡。Vue Devtools的版本需要与你正在使用的Vue.js版本兼容。确保你下载的Vue Devtools版本与你的Vue.js版本匹配。Vue Devtools需要你的项目中已经安装了Vue.js和开发环境的依赖。下面是一些可能的解决方案，你可以逐一尝试，找到适合你的解决方法。如果你尝试了以上的解决方案仍然无法解决问题，建议你检查Vue Devtools的官方文档或社区论坛，以获取更多的帮助和支持。
vuedevtools安装
01-06
本文将详细介绍如何在Chrome浏览器上安装Vue DevTools。 首先，确保你已经安装了Google Chrome浏览器。Chrome以其高速、稳定和丰富的扩展功能受到广大用户的喜爱，也是开发人员常用的浏览器之一。Vue DevTools作为...
chrome vue devTools安装
lyn1772671980的博客
11-30 354
谷歌浏览器安装vue devtools 步骤及vue devtools 下载资源
vue - devtools 安装
mon_star°的博客
07-29 1316
vue是现在比较火的一个框架，加上去年vue3的发布，更推动了vue一个层级vue开发项目，自然少不了他的调试工具,这个非常好用，对vue开发者来说，这简直是福音，下面我们一起来看一下他的安装使用吧。方式一：通过 Chrome 应用商店安装简单方便但是需要梯子方式二：通过离线安装包安装方式三：下载源码编译安装。
vuedevtools 安装
weixin_47282274的博客
10-27 444
mac devtools 安装 仅自己日常开发记录，不做他用。
vueDevTools安装
weixin_41571938的博客
03-28 96
打开谷歌浏览器设置—>扩展程序–》 勾选开发者模式—》加载已解压的扩展程序—》 选择“chrome扩展”文件夹，至此恭喜已经安装成功！！！
vue-devtools安装教程
z_24kchun的博客
04-06 331
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。1.去github上找到vue-devtools并clone。4.添加到chrome。
最新vue devtools安装
web_ding的博客
03-15 219
第一步：找到vue-devtools的github项目，并将其clone到本地 git clonehttps://github.com/vuejs/vue-devtools.git 第二步：安装项目所需要的npm包 解压后在这个目录下用npm 安装（npm install） 第三步：编译项目文件 再执...
vue-devtools的安装
mengran_code的博客
09-24 284
(前提是安装了node)。新建一个文件夹，然后执行。工程，就能在控制台看到。谷歌浏览器的扩展程序。
Vue devtools安装，解决调试界面没有VUE的方法
weixin_46463398的博客
09-17 1560
5.然后找到文件扩产文件所在的位置，找到“mainfest.json”文件，用文本文件打开编辑，将"persistent": false更改为"persistent": true。1.下载Vue devtools，网址：https://chrome.zzzmh.cn/info/nhdogjmejiglipccpnnnanhbledajbpd。2.下载完成之后进行解压，会有一个“.crx”文件，点击扩展程序，添加扩展，添加扩展程序。3.直接张“.crx”文件拖拽进来，记得打开“开发者模式”
vuedevtools安装.zip
10-31
window.Vue && Vue.config.devtools && Vue.config.performance && Vue.use(VueDevtools) } ``` 6. 完成上述步骤后，你应该能在Vue DevTools中看到应用的详细信息。 通过阅读链接提供的博客文章（），你将获得更...
vuedevtools离线包安装
03-23
这个“vuedevtools 离线包安装”流程是为了帮助开发者在没有网络或者网络环境不稳定的情况下，仍然能够便捷地安装和使用 Vue DevTools。 首先，Vue.js 是一个流行的前端框架，由尤雨溪开发，它提供了一种声明式、...
MiniGui业务开发基础培训-htk
11-11
MiniGui业务开发基础培训-htk
com.harmonyos.exception.DiskReadWriteException(解决方案).md
11-11
鸿蒙开发中碰到的报错，问题已解决，写个文档记录一下这个问题及解决方案
网络分析-Wireshark数据包筛选技巧详解及应用实例
11-11
内容概要：本文档详细介绍了Wireshark软件中各种数据包筛选规则，主要包括协议、IP地址、端口号、包长以及MAC地址等多个维度的具体筛选方法。同时提供了大量实用案例供读者学习，涵盖HTTP协议相关命令和逻辑条件的综合使用方式。 适合人群：对网络安全或数据分析有一定兴趣的研究者，熟悉基本网络概念和技术的专业人士。 使用场景及目标：适用于需要快速准确捕获特定类型网络流量的情况；如网络安全检测、性能优化分析、教学演示等多种实际应用场景。 阅读建议：本资料侧重于实操技能提升，在学习时最好配合实际操作练习效果更佳。注意掌握不同类型条件组合的高级用法，增强问题解决能力。
com.harmonyos.exception.BatteryOverheatException(解决方案).md
11-11
鸿蒙开发中碰到的报错，问题已解决，写个文档记录一下这个问题及解决方案
com.harmonyos.exception.ServiceUnavailableException(解决方案).md
11-11
鸿蒙开发中碰到的报错，问题已解决，写个文档记录一下这个问题及解决方案
MATLAB上机试题 MATLAB原理及应用实验报告 第3章 MATLAB的符号运算.docx
最新发布
11-11
内容概要：本文档详细介绍了MATLAB的符号运算，涵盖符号对象的命名方法、基本运算、级数求法等多个方面。通过具体的实验案例，如确定符号表达式中的变量、执行四则运算、提取分子分母、因式分解与展开、化简符号表达式、级数符号求和、符号微积分以及符号方程的求解，帮助学生理解和掌握MATLAB中的符号运算技巧。 适合人群：适用于对MATLAB有一定了解的大专院校的学生、研究人员和技术工作者。 使用场景及目标：通过本课程的学习，学员能够熟练使用MATLAB完成复杂的数学问题解决，提高科研项目和工程任务中对数学模型的建模能力和问题解决效率。 其他说明：文档包含详细的实验步骤指导和实例演示，同时提供了丰富的练习题供读者巩固所学知识。对于想要深入研究MATLAB符号运算的人来说是一份宝贵资料。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值