当前位置：首页 > news >正文

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）

news 2026/5/31 22:04:22

devtools对前端来说的好处——开发预览、远程调试、性能调优、Bug跟踪、断点调试等

下载步骤：

测试阶段：

最近做项目要使用devtools这个vue插件。

devtools对前端来说的好处——开发预览、远程调试、性能调优、Bug跟踪、断点调试等

下载步骤：

首先先想个办法搞个加速器之类的，好实现科学上网。

在Chrome浏览器中访问以下网址：

Chrome应用商店网址：

https://chrome.google.com/webstore/category/extensions?utm_source=chrome-ntp-icon

访问后的效果：

在左上角的搜索店内应用里面，输入devtools

然后点Chrome浏览器右上角的

三个点-设置-扩展程序

上图设置1,2,3这些是为了防止出现显示Vue.js not detected这个情况

记得要打开开发者模式

点devtools的详情

打开允许访问文件网址

然后点左上角的更新

测试阶段：

启动一个vue项目

然后F12打开控制台

显示里面多出来一个vue,则表明下载安装devtools成功

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）

目录 devtools对前端来说的好处——开发预览、远程调试、性能调优、Bug跟踪、断点调试等下载步骤： 测试阶段： 最近做项目要使用devtools这个vue插件。 devtools对前端来说的好处——开发预览、远程调试、性能调优、Bug跟踪、断点调试等下载步骤…...

编程日记 2023/8/3 12:17:17

7、Kubernetes核心技术 - Secret

目录一、Secret概述二、Secret 三种类型 2.1、Opaque 2..2、kubernetes.io/dockerconfigjson 2.3、kubernetes.io/service-account-token 三、Secret创建 3.1、命令行方式创建 Secret 3.2、yaml方式创建 Secret 四、Secret解码五、Secret使用 5.1、将 Secret 挂载…...

编程日记 2023/8/3 12:16:16

MATLAB算法实战应用案例精讲-【自动驾驶】路径规划（补充篇）

目录前言几个高频面试题目无人车运动规划，路径规划，轨迹规划的区别和联系？...

编程日记 2023/8/3 12:15:15

农业与太阳能的互利共生

不断增长的人口需要更多的食物和能源，而这些都在争夺有限的空间……除非能改变这样的竞争局面。农业光伏装置将农业和太阳能生产结合起来。农业光伏 (AV) 是 20 世纪 80 年代提出的概念，它在同一块土地上将农业和太阳能生产结合起来。从业者在太阳能…...

编程日记 2023/8/3 12:14:14

每日一题(822. 翻转卡片游戏)-集合set

题目 822. 翻转卡片游戏题解思路简述为：找到桌面卡片中不重复的最小值，卡片可以来回反转如果卡片前面后面的数字相同则抛弃不用在剩下的卡片中找到最小值（前后可以反转卡片不分前后） 代码 C class Solution { pub…...

编程日记 2023/8/3 12:13:13

windows服务器iis PHP套件出现FastCGI等错误解决方法汇总

如果您的服务器安装了PHP套件，出现了无法打开的情况，请参照如下办法解决： 首先，需要设置IIS允许输出详细的错误信息到浏览器，才好具体分析错误一： 处理程序“FastCGI”在其模块列表中有一个错误模块“Fast…...

编程日记 2023/8/3 12:12:12

Qt Creator 11 开放源码集成开发环境新增集成终端和 GitHub Copilot 支持

导读Qt 项目今天发布了 Qt Creator 11，这是一款开源、免费、跨平台 IDE（集成开发环境）软件的最新稳定版本，适用于 GNU/Linux、macOS 和 Windows 平台。 Qt Creator 11 的亮点包括支持标签、多外壳、颜色和字体的集成终端模拟器&am…...

编程日记 2023/8/3 12:11:11

Collections工具类（java)

文章目录 7.1 常用方法参考操作数组的工具类：Arrays，Collections 是一个操作 Set、List 和 Map 等集合的工具类。 7.1 常用方法 Collections 中提供了一系列静态的方法对集合元素进行排序、查询和修改等操作，还提供了对集合对象设置不可变、…...

编程日记 2023/8/3 12:10:09

C++ 第六弹 STL

目录 1.什么是stl 2.六大组件-容器-序列式容器-C98 string 3.六大组件-容器-序列式容器-C98 vector 4.六大组件-容器-序列式容器-C98 list 5.六大组件-容器-序列式容器-C98 deque 6.六大组件-容器-序列式容器-C11 array 7.六大组件-容器-序列式容器-C11 forward_list 8…...

编程日记 2023/8/3 12:09:08

蓝桥杯上岸每日N题第四期(最少刷题数)！！！

蓝桥杯上岸每日N题第四期 ❗️ ❗️ ❗️ 最少刷题数同步收录 👇 蓝桥杯上岸必背！！！(持续更新中~) 大家好我是寸铁💪 冲刺蓝桥杯省一模板大全来啦 🔥 蓝桥杯4月8号就要开始了 🙏 距离蓝…...

编程日记 2023/8/3 12:08:07

STM32 LWIP UDP 一对一一对多发送

STM32 LWIP UDP通信前言设置 IP 地址UDP函数配置实验结果单播发送，一对一发送广播发送，一对多发送可能遇到的问题总结前言之前没有接触过网络的通信，工作需要 UDP 接收和发送通信，在网上没有找到一对一、一对多的相关例程&am…...

编程日记 2023/8/3 12:07:06

【有趣的设计模式】23 种设计模式详解和场景分析

前言七大设计原则 1、单一原则：一个类只负责一个职责 2、开闭原则：对修改关闭，对扩展开放 3、里氏替换原则：不要破坏继承关系 4、接口隔离原则：暴露最小接口，避免接口过于臃肿 5、依赖倒置原则&#xff1…...

编程日记 2023/8/3 12:06:05

【数据结构与算法】TypeScript 实现图结构

class Grapg<T> {// 用于存储所有的顶点verteces: T[] [];// 用于存储所有的边采用邻接表的形式adjList: Map<T, T[]> new Map();// 添加顶点addVertex(v: T) {this.verteces.push(v);// 初始化顶点的邻接表this.adjList.set(v, []);}// 添加边addEdge(v: T, w:…...

编程日记 2023/8/3 12:05:04

《golang设计模式》第一部分·创建型模式-04-抽象工厂模式（Abstract Factory）

文章目录 1. 概述1.1 角色1.2 类图 2. 代码示例2.1 设计2.2 代码2.3 类图 1. 概述 1.1 角色 AbstractFactory（抽象工厂）：它声明了一组用于创建产品的方法，每一个方法对应一种产品。ConcreteFactory（具体工厂&#xf…...

编程日记 2023/8/3 12:04:03

改进粒子群算法优化BP神经网络---回归+分类两种案例

今天采用改进的粒子群算法(LPSO)优化算法优化BP神经网络。本文选用的LPSO算法是之前作者写过的一篇文章：基于改进莱维飞行和混沌映射（10种混沌映射随意切换）的粒子群优化算法，附matlab代码文章一次性讲解两种案例，回归…...

编程日记 2023/8/3 12:03:02

VSCode和QT联合开发

提示：本文为学习记录，若有错误，请联系作者，谦虚受教。文章目录前言一、VSCODE下载二、使用步骤1.下载扩展二、新建工程1.新建文件夹2.新建工程3.UI界面文件操作4.效果总结前言一、VSCODE下载下载地址二、使用步骤 1.下…...

编程日记 2023/8/3 12:02:01

YOLO5-1 使用YOLO5检测水面漂浮物记录

一数据集 robflow 漂浮物数据集：buoy Computer Vision Dataset by ai 二 YOLO5管网 yolo5 :https://github.com/ultralytics/yolov5 克隆代码： git clone https://github.com/ultralytics/yolov5 # clone cd yolov5 pip install -r requirements.…...

编程日记 2023/8/3 12:01:00

MongoDB教程-7

正如在MongoDB关系的最后一章中所看到的，为了在MongoDB中实现规范化的数据库结构，我们使用了引用关系的概念，也被称为手动引用，在这个概念中，我们手动将被引用文档的id存储在其他文档中。然而，在一个文档包…...

编程日记 2023/8/3 11:59:59

Redisson提供优秀的并发控制机制

1. JDK集合类对于JDK的集合类，forEach方法其实并不能完全避免并发修改异常。 forEach本质上还是一个循环遍历，如果在循环体内直接对集合进行修改，仍然会产生ConcurrentModificationException。例如： List<String> lis…...

编程日记 2023/8/3 11:58:58

Linux: 设置qmake的Qt版本

Qt开发，qmake会对应一个Qt版本，有时候需要切换这个版本，例如把qmake从Qt5.12切换到Qt5.9, 怎么操作呢？ 案例如下： 银河麒麟V10系统，下载安装了Qt5.9.8，但是检查qmake发现它使用的是5.12.8&…...

编程日记 2023/8/3 11:57:57

从USB转TTL接线到手机热点配网：ESP8266无线通信保姆级避坑指南（附软件包）

从USB转TTL接线到手机热点配网：ESP8266无线通信保姆级避坑指南当你第一次拿起ESP8266模块时，可能会被这个小巧的Wi-Fi模块惊艳到——它只有指甲盖大小，却蕴含着强大的无线通信能力。但很快，这种惊艳就会变成困惑：为什…...

编程新知 2026/5/26 4:52:25

DeepSeek系统设计辅助效能断崖式下降的3个信号，第2个90%工程师至今未察觉！

更多请点击： https://kaifayun.com 第一章：DeepSeek系统设计辅助效能断崖式下降的3个信号，第2个90%工程师至今未察觉！ 当 DeepSeek 的系统设计辅助能力突然变“笨”——接口建议频繁失准、上下文感知错乱、生成代码无法通过基础编…...

编程新知 2026/5/26 3:07:53

用STM32CubeMX和HAL库快速上手WS2812B：告别手动计算延时，一键生成驱动框架

基于STM32CubeMX的WS2812B智能灯光控制：从零构建现代化驱动方案在智能硬件和物联网设备快速发展的今天，WS2812B可编程LED灯带因其丰富的色彩表现和简单的单线控制方式，成为创客和工程师们最喜爱的显示组件之一。然而，传统的寄存器…...

编程新知 2026/5/26 2:41:39

开发转兼职DBA（二）：执行计划教我做事

开发转兼职DBA（二）：执行计划教我做事查询慢了不知道为什么，加了索引还是慢，复合索引怎么建，执行计划怎么看——这些不是DBA的专利，是每个写SQL的开发者迟早要面对的事。文章目录开发转兼职DB…...

编程新知 2026/5/26 0:12:06

【深度解析】AI Coding 模型竞速：从 Claude Mythos 安全编码到 GPT-5.6 传闻，如何落地代码审查智能体

摘要 AI 编码模型正在从“代码补全”进入“复杂代码库理解、漏洞发现与自动修复”阶段。本文结合 Claude Mythos、Claude Opus 4.8 与 GPT-5.6 相关信息，解析新一代 Coding Agent 的技术趋势，并给出基于大模型 API 的代码安全审查实战方案。背景介绍&…...

编程新知 2026/5/25 23:31:41

Ubuntu经常安装软件

1、垃圾清理工具stacer sudo apt updatesudo apt install stacer apt cleanapt autocleanapt autoremove 2、类似与everything的工具Fsearcch 1sudo add-apt-repository ppa:christian-boxdoerfer/fsearch-stable 2sudo apt update 3sudo apt install fsearch (注&#xf…...

编程新知 2026/5/25 21:17:35

InVideo插件深度解析：如何在Unreal Engine中实现高效视频流播放与录制

InVideo插件深度解析：如何在Unreal Engine中实现高效视频流播放与录制【免费下载链接】InVideo 基于UE4实现的rtsp的视频播放插件项目地址: https://gitcode.com/gh_mirrors/in/InVideo InVideo是一个基于Unreal Engine 5开发的RTSP视频播放插件&#xff0…...

编程新知 2026/5/25 20:57:14