浏览器扩展程序增加 vue_dev_tools 调试工具

1、引言

在做 Vue 项目的开发时,我们经常需要在页面上调试,接下来介绍如何在浏览器扩展程序增加 vue_dev_tools 调试工具。

Download the Vue Devtools extension for a better development experience

翻译:下载Vue Devtools扩展以获得更好的开发体验

2、下载相关插件

提供网盘下载地址:

https://pan.baidu.com/s/1aGWLhcwZP1SLjEmZvJmk_w?pwd=4zd5 提取码: 4zd5 

里面包含 vue2、vue3 的插件

3、操作流程

1、进入浏览器的扩展程序管理页面

点击浏览器右上角的“更多”,找到“扩展程序”,点击“管理扩展程序”

或者,在浏览器地址栏输入以下命令,进入扩展程序管理中心(以谷歌浏览器内核为例):

chrome://extensions

2、打开“开发者模式”

在右上角看到“开发者模式”,把它打开:

3、把下载好的插件复制(拖拽)到浏览器中

根据自己开发的情况需要,可以把 vue2 或者 vue3 的插件复制(拖拽)到浏览器中

4、找到 vue 扩展程序,把它固定在插件栏,方便使用

另外,如果有以下提示:

You are running Vue in development mode.Make sure to turn on production mode when deploying for production.

翻译:您正在开发模式下运行Vue。为生产部署时,请确保打开生产模式。

解决办法如下:

1、如果是在生产环境下,引入压缩版 js 库。开发的时候我们还是使用开发库,方便调试

2、打开我们引入的 vue.js 文件,搜索关键词:productionTip,把 true 改为 false

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/775916.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

1.6.1 变换

我们要想改变物体的位置,现有解决办法是,每一帧改变物体的顶点并且重配置缓冲区从而使物体移动,但是这样太繁琐,更好的解决方式是使用矩阵(Matrix)来更好的变换(Transform)一个物体。…

数据结构——快速排序的三种方法和非递归实现快速排序

数据结构——快速排序的三种方法和非递归实现快速排序(升序) 快速排序的单趟排序hoare法挖坑法前后指针法 快速排序的实现key基准值的选取快速排序代码快速排序的优化 快速排序(非递归) 快速排序的单趟排序 hoare法 思路:从给定…

后端前行Vue之路(二):模版语法之插值与指令

1.概述 Vue.js的模板语法是一种将Vue实例的数据绑定到HTML文档的方法。Vue的模板语法是一种基于HTML的扩展,允许开发者将Vue实例中的数据绑定到HTML元素,以及在HTML中使用一些简单的逻辑和指令。Vue.js 基于 HTML 的模板语法允许开发者声明式地将 DOM 绑…

Windows11系统缺少解决办法

一.缺少msvcp120.dll 下载Mircrosoft Visual C 2015等系统关键组件 Microsoft Visual C 2015-2022 Redistributable (x86) - 14.34.31931 Installation Error etc.. - Microsoft Q&A 二.缺少python27.dll 重新下载python2.7进行安装(选择Windows x86-64 MSI installer)…

三级等保建设技术方案-Word

1信息系统详细设计方案 1.1安全建设需求分析 1.1.1网络结构安全 1.1.2边界安全风险与需求分析 1.1.3运维风险需求分析 1.1.4关键服务器管理风险分析 1.1.5关键服务器用户操作管理风险分析 1.1.6数据库敏感数据运维风险分析 1.1.7“人机”运维操作行为风险综合分析 1.2…

物联网(IoT)常用的通信协议

物联网(IoT)的通信协议是物联网设备之间交换数据的规则和标准。这些协议对于确保设备能够有效、安全地通信至关重要。下面是物联网通信协议的概述: 1. MQTT(消息队列遥测传输) 概述:MQTT是一种轻量级的发…

IP如何异地共享文件?

【天联】 组网由于操作简单、跨平台应用、无网络要求、独创的安全加速方案等原因,被几十万用户广泛应用,解决了各行业客户的远程连接需求。采用穿透技术,简单易用,不需要在硬件设备中端口映射即可实现远程访问。 异地共享文件 在…

php程序员如何成为编程高手

php程序员如何成为编程高手? 成为一名编程高手,无论是对于PHP程序员还是其他编程语言的开发者来说,都需要持续学习、实践和不断挑战自己。下面是一些具体的建议,帮助PHP程序员提升技术水平,向编程高手迈进: 1. 深入…

腾讯云2核2G服务器CVM S5和轻量应用服务器优惠价格

腾讯云2核2G服务器多少钱一年?轻量服务器61元一年,CVM 2核2G S5服务器313.2元15个月,腾讯云2核2G服务器优惠活动 txyfwq.com/go/txy 链接打开如下图: 腾讯云2核2G服务器价格 轻量61元一年:轻量2核2G3M、3M带宽、200GB月…

AXI Memory Mapped to PCI Express 学习笔记(五)—— Test Bench

本文包含有关Vivado Design Suite环境中提供的测试平台(Test Bench)的信息。 一、Endpoint的Root Port模型测试平台 PCI Express Root Port Model是一个强大的测试平台环境,它提供了一个测试程序接口,可以与提供的PIO设计&#…

洛谷_P4995 跳跳!_python写法

P4995 跳跳&#xff01; - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) n int(input()) data list(map(int,input().split())) data.append(0) data.sort()sum 0 l 0 r len(data)-1 flag 1 while l<r:sum (data[l]-data[r])**2if flag:l 1flag 0else:r - 1flag 1…

LinkedList讲解指南

咦咦咦&#xff0c;各位小可爱&#xff0c;我是你们的好伙伴——bug菌&#xff0c;今天又来给大家普及Java SE相关知识点了&#xff0c;别躲起来啊&#xff0c;听我讲干货还不快点赞&#xff0c;赞多了我就有动力讲得更嗨啦&#xff01;所以呀&#xff0c;养成先点赞后阅读的好…

教育数字化调研团走进锐捷,共议职业教育数字化转型新思路

为贯彻落实国家教育数字化战略行动部署和2024年全国教育工作会议精神,加快推进职业教育数字化转型与发展,梳理职业教育数字化转型的现状、问题及发展趋势,并总结展示职业教育数字化转型的好经验、好做法,培育职业教育数字化创新成果,推动数字技术与职业教育深度融合、提高数字化…

SpringBoot + Vue 是否可以不分离前后端?

Spring Boot 和 Vue.js 是两个非常流行的技术栈&#xff0c;分别用于构建后端和前端应用程序。在传统的开发中&#xff0c;通常会将它们分离开发&#xff0c;即后端和前端分别独立开发、部署和维护。然而&#xff0c;你也可以选择不分离前后端&#xff0c;将它们整合在一起开发…

ensp的PPP实验报告

实验要求&#xff1a; 1、R1和R2使用PPP链路直连&#xff0c;R2和R3把2条PPP链路捆绑为PPP MP直连 2、按照图示配置IP地址 3、R2对R1的PPP进行单向chap验证 4、R2和R3的PPP进行双向chap验证 1、配置ip地址 R1&#xff1a; [R1] int Serial 3/0/0 [Rl-Seria13/0/0] ip add 192…

【Java 面试题】instanceof 关键字的作用

instanceof 关键字的作用&#xff1f; instanceof关键字是Java中的一个运算符&#xff0c;用于检查一个对象是否是某个类的实例&#xff0c;或者是否实现了某个接口。其作用可以概括如下&#xff1a; 判断对象类型&#xff1a; 使用instanceof可以判断一个对象是否是某个类的实…

机器学习——聚类算法-DBSCAN

机器学习——聚类算法-DBSCAN DBSCAN&#xff08;Density-Based Spatial Clustering of Applications with Noise&#xff09;是一种基于密度的聚类算法&#xff0c;可以发现任意形状的簇&#xff0c;并能有效处理噪声数据。本文将介绍DBSCAN算法的核心概念、算法流程、优缺点…

for in 和 for of的区别

区别一&#xff1a;for in 和 for of 都可以循环数组&#xff0c;for in 输出的是数组的index下标&#xff0c;而for of 输出的是数组的每一项的值。 const arr [1,2,3,4,5]// for ... in for (const key in arr){console.log(key) // 输出 0,1,2,3,4}// for ... of for (con…

C语言基于TCP的多线程服务器

核心思想: 1 在无限循环中 accpet()后 创建线程 2 预防多线程下的数据竞态: accept()返回的client_sockfd 是否可以直接填入pthread_create()作为创建线程的参数? 我们观察到 while(1)中并没有阻塞的函数,假设accept()的速度足够快 他会不断地更新client_sockfd的值,而传…

MyBatis-03

MyBatis 1.联查 1.1 一对一 例如&#xff0c;有user表和address表&#xff0c;其中每一个用户可以有多个地址&#xff0c;每个地址只能对应一个用户 以address表为主表&#xff0c;user表为副表&#xff0c;通过address表联查user表的形式就是一对一 如何进行一对一查询&a…