Chrome安装Vue插件vue-devtools

安装Vue.js开发者工具(Vue DevTools)到Google Chrome浏览器的步骤可能会随着Vue DevTools更新和Chrome政策变化而有所调整。

1.从GitHub获取源代码:

访问Vue DevTools的GitHub仓库:https://github.com/vuejs/vue-devtools
根据仓库中的README.md文件指示,克隆或下载源代码。

2.准备和构建插件:

进入下载的源代码目录。

  • 安装必要的依赖项: 
     npm install 或者 yarn install
  • 编译和构建插件:
     npm run build 或者 yarn build

3.修改manifest.json(如果需要持久化加载插件):

在构建产物目录(通常是shell/chrome)中找到manifest.json文件。
将"persistent": false改为"persistent": true,这样DevTools会在浏览器重启后保持加载状态。

4.加载已解压的扩展程序:

打开Google Chrome浏览器。
进入chrome://extensions/页面(也可以通过更多工具 > 扩展程序菜单访问)。
启用开发者模式(如果尚未开启)。
点击“加载已解压的扩展程序”按钮,然后选择之前构建好的Vue DevTools插件的shell/chrome目录。 

请注意,在编写回答时,可能已经有预构建好的Vue DevTools插件可以直接从Chrome网上应用店进行安装,或者提供了打包好的CRX文件供直接拖拽安装。请务必查阅最新的官方文档或Vue DevTools仓库中的安装说明来进行安装。 

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

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

相关文章

web学习笔记(四十五)Node.js

目录 1. Node.js 1.1 什么是Node.js 1.2 为什么要学node.js 1.3 node.js的使用场景 1.4 Node.js 环境的安装 1.5 如何查看自己安装的node.js的版本 1.6 常用终端命令 2. fs 文件系统模块 2.1引入fs核心模块 2.2 读取指定文件的内容 2.3 向文件写入指定内容 2.4 创…

sql oracle 获取当前日期的最后一天

语法 LAST_DAY 传入一个日期类型的变量&#xff0c;但会给你一个当月的最后一天的变量 LAST_DAY(TO_DATE(year || - || SUBSTR(month, -2) || -01, YYYY-MM-DD)) < ?应用实例 AssetValueSingleQT.spl 一个表中只存储的年和月&#xff0c;需要更具年月筛选小于指定日期&…

yarn按包的时候报错 ../../../package.json: No license field

运行 yarn config list 然后运行 yarn config set strict-ssl false 之后yarn就成功了

基于SpringBoot“网上选课系统”设计和实现(源码定制以及咨询!!)

博主介绍&#xff1a;✌全网粉丝10W,B站项目阿龙、csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、华为云获奖者&#xff0c;“程序员阿龙”✌ 主要内容&#xff1a;SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python&#xff0c;MYSQL、Hodpoo…

网络工程师软考中级考试大纲

考试要求&#xff1a; &#xff08;1&#xff09;熟悉计算机系统的基础知识&#xff1b;&#xff08;2&#xff09;熟悉网络操作系统的基础知识&#xff1b;&#xff08;3&#xff09;理解计算机应用系统的设计和开发方法&#xff1b;&#xff08;4&#xff09;熟悉数据通信的基…

SpringBoot2.6.3 + knife4j-openapi3

1.引入项目依赖&#xff1a; <dependency><groupId>com.github.xiaoymin</groupId><artifactId>knife4j-openapi3-spring-boot-starter</artifactId><version>4.5.0</version> </dependency> 2.新增配置文件 import io.swag…

Docker搭建LNMP环境实战(05):CentOS环境安装Docker-CE

前面几篇文章讲了那么多似乎和Docker无关的实战操作&#xff0c;本篇总算开始说到Docker了。 1、关于Docker 1.1、什么是Docker Docker概念就是大概了解一下就可以&#xff0c;还是引用一下百度百科吧&#xff1a; Docker 是一个开源的应用容器引擎&#xff0c;让开发者可以…

【机器学习之---数学】随机游走

every blog every motto: You can do more than you think. https://blog.csdn.net/weixin_39190382?typeblog 0. 前言 随机游走 1. 概念 1.1 例1 在你的饮食俱乐部度过了一个富有成效的晚上后&#xff0c;你在不太清醒的状态下离开了。因此&#xff0c;你会醉醺醺地在展…

【OpenStack】在本地OpenStack中创建一个应用及其网络

【OpenStack】在本地OpenStack中创建一个应用及其网络 目录 【OpenStack】在本地OpenStack中创建一个应用及其网络应用程序设计创建项目创建一个新项目使用新项目创建网络创建我们的应用程序VNET创建路由器更新安全组创建浮动IP结论推荐超级课程: Docker快速入门到精通Kuberne…

计算机视觉中的NMS非极大值抑制

NMS 是“非极大抑制”&#xff08;Non-Maximum Suppression&#xff09;的缩写&#xff0c;是一种在目标检测算法中广泛使用的技术。它的主要目的是减少目标检测过程中的多余的边界框&#xff0c;以便只保留最佳的一个边界框。 在目标检测任务中&#xff0c;算法会对图像中可能…

数据结构(五)单链表专题

在开始之前&#xff0c;我先来给大家讲一下顺序表与链表的区别&#xff1a; 它们在堆上存储的差异&#xff1a; 我们可以很容易的知道&#xff0c;循序表是连续的有序的&#xff0c;但链表是杂乱的&#xff0c;它们通过地址彼此联系起来。 1. 链表的概念及结构 概念&#xff1…

智慧交通(代码实现案例)

1.项目简介 目标: 了解智慧交通项目的架构知道智慧交通项目中的模块能够完成智慧交通项目的环境搭建 该项目是智慧交通项目&#xff0c;通过该项目掌握计算机视觉的方法在交通领域的相关应用&#xff0c;包括车道线检测的方法&#xff0c;多目标车辆追踪及流量统计方法&#…

t检验原理

t检验是一种常用的统计方法&#xff0c;用于比较两个样本均值是否有显著差异。它的基本原理是通过计算样本均值之间的差异&#xff0c;以及这种差异相对于样本误差的大小来判断差异是否显著。 t检验的基本步骤如下&#xff1a; 1. 假设两个样本是独立、随机抽取的&#xff0c;…

Linux Tomcat的服务器如何查看接口请求方式?

问题描述 最近在和安卓开发对接接口&#xff0c;遇到一个接口总是报405错误&#xff0c;有对接经验的开发应该都知道是请求方式不对&#xff0c;假如接口定义为POST请求的&#xff0c;但是客户端却用GET请求&#xff0c;这时候就会报这个错误。Android客户端那边使用xUtils框架…

Python 中处理JSON文件的方法

用 Python 读取、写入和操作 JSON 文件 JSON&#xff08;JavaScript Object Notation&#xff09;是一种流行的数据交换格式&#xff0c;易于人类阅读和编写。在编程领域中&#xff0c;与网络API或HTTP请求交互时经常会用到 JSON。Python 通过 json 模块提供了对 JSON 文件的内…

六-容量管理之相关工具

容量管理是一种综合性的事项&#xff0c;其中涉及多种相关工具和技术&#xff0c;常用的工具有&#xff1a; 压测平台&#xff08;压力/脚本/数据&#xff09;监控平台&#xff08;Log/Trace/Metrics&#xff09;发布平台 (CI/CD/弹性伸缩)预案平台 &#xff08;限流/降级/容量…

【小白入门篇3】还是GPT4更香

上一节文章《【小白入门篇2】总有一款AI工具适合你》介绍了很多ai产品给大家&#xff0c;有同学私信我&#xff0c;国内工具还是比较差&#xff0c;还是想用gpt4模型。这个章节介绍一些gpt4工具给大家, 其中大部分都只有一些免费的次数, 而且都需要kx上网才能访问。 OpenAI ch…

浙大版《C语言程序设计(第4版)》题目集-练习4-7 求e的近似值

自然常数 e 可以用级数 1 1 / 1 ! 1 / 2 ! ⋯ 1 / n ! ⋯ 11/1!1/2!⋯1/n!⋯ 11/1!1/2!⋯1/n!⋯来近似计算。本题要求对给定的非负整数 n&#xff0c;求该级数的前 n1 项和。 输入格式: 输入第一行中给出非负整数 n&#xff08;≤1000&#xff09;。 输出格式: 在一行…

记录一下安装ubuntu子系统的pycharm遇到的问题

sudo su #切换为root用户获取管理员权限用于新建用户 adduser username #新建用户&#xff08;例如用户名为username&#xff09; adduser username sudo #将用户添加到 sudo 组同样遇到这个问题&#xff0c;解决方法是&#xff1a;先新建一个用户名&#xff0c;然后再切换到这…

Android 性能优化实例分享-内存优化 兼顾效率与性能

背景 项目上线一段时间后,回顾重要页面 保证更好用户体验及生产效率&#xff0c;做了内存优化和下载导出优化&#xff0c;具体效果如最后的一节的表格所示。 下面针对拍摄流程的两个页面 预览页 导出页优化实例进行介绍&#xff1a; 一.拍摄前预览页面优化 预览效果问题 存在…