程序员经验分享-hwhale

谷歌浏览器如何安装vue调试工具

2023-11-01

下载vue-devtools压缩包

git地址：vue-devtools
在这里插入图片描述

安装环境

将下载的压缩包解压，并通过命令行进入vue-devtools-master文件夹中
输入安装命令 cnpm install进行安装
在这里插入图片描述

编译

输入编译命令 npm run build进行编译
在这里插入图片描述

修改manifest.json 文件

编译完后，找到 vue-devtools-master\shells\chrome文件夹下的manifest.json 文件，将"persistent": false 改成"persistent": true

导入调试工具包

打开谷歌浏览器，找到 更多工具 => 拓展程序点开，勾选“开发者模式”，点击“加载已解压的拓展工具”，选择 vue-devtools > shells > chrome ，导入调试工具包

使用

运行vue项目后，地址栏后边的vue图标会被点亮，则表示安装成功
安装完成后要重新打开浏览器才可以用！！！！

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue2

vuejs

前端

javascript

谷歌浏览器如何安装vue调试工具 的相关文章

  • 从 JavaScript 加载图像

    在我的专辑幻灯片放映页面上 我有类似的代码 span style display none img src imageUrl span span show loader span in showImage 我确定图像已加载 因此我显示图像并

  • Javascript 闭包 - 变量范围问题

    我正在阅读 Mozilla 开发者网站上有关闭包的内容 我注意到在他们的常见错误示例中 他们有以下代码 p Helpful notes will appear here p p E mail p

  • 如何在 Lambda 中将对象上传到 S3？

    似乎无法将对象上传到 Lambda 中的 S3 本地一切正常 日志中没有错误可以显示出了什么问题 代码如下 console log Loading function var AWS require aws sdk var s3 new AW

  • 获取 CRM 2011 中功能区按钮的 ID

    我创建了一个 JavaScript 我想在其中隐藏功能区Reactivate Lead按钮取决于某些条件 我通过在表单上按 F12 获得了按钮的 ID 即lead NoRelationship Form Mscrm Form lead Re

  • Javascript：使用 IIFE 和块语句之间的区别

    IIFE主要用于封装作用域 function let myVar 10 not global 但为什么不直接使用块语句呢 let myVar 10 also not global 除了范围封装之外 进一步使用 IIFE 是否还有其他好处 块

  • 每n秒执行一次函数

    我制作了这个在 10 秒后点击链接的代码片段 function timeout window setTimeout function img left click 1000 setTimeout timeout 1000 timeout 我

  • vue-chartjs 反应数据错误

    我正在尝试使用反应式数据混合vue chartjs http vue chartjs org home id reactive data 用于设置初始数据的已安装函数正在运行 我可以使用 API 响应正确查看图表 fetchSessionT

  • vuejs 模板和 asp.net 部分视图，好的做法吗？

    我在网站中使用 Vue js 并将模板添加到 html 代码中 并将 js 代码添加到单个 js 文件中 所以我不想使用 vue Vuefy Browserfy 方法 而是稍后捆绑并缩小我的 js 文件 由于我必须使用 Asp Net MV

  • 如何将本地文本文件上传到文本区域（网页内）

    我是一名新手程序员 需要一些帮助来弄清楚如何将本地文本文件上传到我正在构建的网站内的文本区域 我非常精通 HTML CSS 对 Javascript JQuery 有相当的了解 而且我刚刚学习 PHP 您能提供的任何帮助我将不胜感激 我有一

  • 只保留 A-Z 0-9 并使用 javascript 从字符串中删除其他字符

    我正在尝试验证字符串以使它们成为有效的网址 我只需要保留 A Z 0 9 并使用以下命令从字符串中删除其他字符javascript or jquery 例如 贝儿餐厅 我需要将其转换为 百丽餐厅 所以字符被删除 只保留 A Z a z 0

  • 我应该如何实现将状态保存到 localStorage？

    CODE var React require react var Recipe require Recipe jsx var AddRecipe require AddRecipe jsx var EditRecipe require Ed

  • 在 javascript 中实现固定位置会导致 Safari 滚动时出现抖动

    固定位置不适用于我的用例 因为它固定在浏览器窗口上 您可能会处于文本在屏幕右侧之外且无法到达的状态 无论如何 我尝试使用绝对定位 然后调整javascript中的 顶部 它在 Firefox 和 Chrome 中运行良好 但在 Safari

  • JavaScript 错误：MVC2 视图中的条件编译已关闭

    我试图在 MVC2 视图页面中单击时调用 JavaScript 函数 a href Select a JavaScript 函数 function SelectBenefit id code alert id alert code 这里 b

  • 如何使用 NextJS 使用自托管字体face？

    使用 NextJS 的字体 我已经阅读了有关如何在 NextJS 中使用自托管字体的不同主题 我得到了什么 wait compiling 当我这样做时 font face font family montserrat src url myp

  • 检查浏览器空闲的替代方法

    我有一个简单的网络信息亭 在鼠标未使用 jQuery 移动 30 秒后显示用户操作提示 var i null body wrap mousemove function clearTimeout i overlay fadeOut i set

  • 从请求url获取hash参数

    我有这样的网址 http www coolsite com daily plan id 1 http www coolsite com daily plan id 1解析该字符串并读取哈希值 id 之后的值 的最简单方法是什么 谢谢 在客户

  • 在 Meteor 应用程序中实现 MongoDB 2.4 的全文搜索

    我正在考虑向 Meteor 应用程序添加全文搜索 我知道 MongoDB 现在支持此功能 但我对实现有一些疑问 启用文本搜索功能的最佳方法是什么 textSearchEnabled true 在 Meteor 应用程序中 有没有办法添加索引

  • Html5画布最热门的任意形状

    我正在尝试开发可以在画布中渲染图像和文本的程序 我尝试处理画布中图像的点击 但它适用于可矩形图像 我的问题 您是否知道处理单击画布中图像的可见部分 非透明部分 的解决方案或框架 我正在寻找 ActionScript hitTestObjec

  • 在 Firestore 文本字段中存储文本文件并删除换行符

    我正在尝试将 CSV 文件存储在 Cloud Firestore 内的文本字段中 然而 Firestore 正在删除所有换行符并将整个 CSV 文件存储为一行 这Firestore 数据类型文档 https firebase google

  • 如何从 Cloud Functions for Firebase 文件夹读取证书文件

    我正在尝试读取 certs 文件夹下的文件 如下所示 functions certs idp public cert perm 这是我用来读取文件的代码 fs readFileSync path join dirname certs idp

随机推荐

  • MIT 6.s081 Lab2 学习笔记

    因为发现写笔记能促进自己学习 提出问题 所以记笔记 risk 5如何启动 其实是通过kernerl kernel ld跳到汇编文件kernel entry S 里面 OUTPUT ARCH riscv ENTRY entry SECTION

  • JAVA中的@interface

    注解 interface不是接口是注解类 在jdk1 5之后加入的功能 使用 interface自定义注解时 自动继承了java lang annotation Annotation接口 在定义注解时 不能继承其他的注解或接口 interf

  • 【笔试强训选择题】Day27.习题（错题）解析

    作者简介 大家好 我是未央 博客首页 未央 303 系列专栏 笔试强训选择题 每日一句 人的一生 可以有所作为的时机只有一次 那就是现在 文章目录 前言 一 Day27习题 错题 解析 总结 前言 1 解析 A 相关知识点 本题主要考察有关

  • linux 如何隐藏 /proc/目录下的文件(version 2.6 其他版本没适配)

    只为研究而用 禁止用于非法行为 通过加载此模块 来将 proc目录下的文件进行隐藏 使用方式 insmod xx ko hidestr xxxx include

  • Django框架 - 应用命名空间app_name和实例命名空间namespace的区别

    Django框架学习笔记 include 区分app name和namespace 文章目录 前言 app name的两种写法 namespace的写法 namespace默认值 namespace的唯一性 app name的唯一性 结论

  • VMware Linux 可视化增加磁盘

    1 VMware 增加磁盘 2 disks挂载磁盘 此处我挂载的是20G磁盘 截图只是用5G的做过程演示例子 3 验证挂载磁盘

  • Arduino智能物流小车各部分功能代码详解(省工程训练能力综合竞赛)

    文章目录 前言 测试部分 循迹部分 超声波测距部分 避障部分 机械臂控制部分 扫码部分 初赛部分 前言 考虑到之前那篇博客写的太简略 也只给了一个最终代码 比较容易让人看不懂 本篇主要写一些不同功能函数的代码讲解 要看整体部分的请前往我的另

  • QT第五个参数讲解

    二 connect的第五个参数 参数type定义了信号和槽的关联方式 Qt支持6种连接方式 其中3中最主要 1 Qt AutoConnection 自动方式 Qt的默认连接方式 如果信号的发出和接收这个信号的对象同属一个线程 那个工作方式与

  • 第一篇：mysqlcluster数据库集群的搭建和配置

    当系统的规模达到一定程度后 数据库在系统中慢慢成为一个瓶颈 因此需要对数据库进行扩展 数据库集群时一种解决数据库负荷的有效手段 本篇主要是描述了数据库集群如何搭建和配置的过程 一 mysql集群的规划 mysql集群由管理节点 数据节点 m

  • Python 语言对面向对象的支持

    其实许多知识点 我们看似已经熟悉还不能再熟悉 而且有些代码已经成为习惯 因为我们对他们太熟悉了 而忘记问一句为什么会这样写 所以适当抽出时间对一些过往的或者熟悉知识进行整理 可能会有意想不到的收获 Python 语言对面向对象的支持 当初

  • 【PHP】Phpstorm环境配置与应用

    一 Phpstorm环境配置 1 点击左上端File 选择下拉框中的setting 进入环境配置页面 如下图 2 如下图点击1处 选中下拉框中的Deployment Type 图示2处 下拉框中选择Local or mounted fold

  • ADB详解

    文章目录 ADB概述 一 安装与连接 二 常规使用方法 三 Adb shell 四 性能统计dumpsys 五 Monkey工具 ADB概述 ADB Android Debug Bridge 顾名思义 安卓调试桥 是一种功能多样的命令行工具

  • 不同jdk环境导致md5不一致

    加密访问接口 运行jar包发现就导致错误 idea测试没有问题 这还都是在本机运行 单步调试发现出现结果不一致地方出现在以下代码处 MessageDigest sec MessageDigest getInstance MD5 sec re

  • 部门来了个拿25k出来的00后测试卷王，老油条表示真干不过，已被...

    内卷的来源 内卷最早的 出处 是几张名校学霸的图片 大学生们刷爆朋友圈的几张 内卷 图片是这样的 有的人骑在自行车上看书 有的人宿舍床上铺满了一摞摞的书 有的人甚至边骑车边端着电脑写论文 这些图片最早在清华北大的学霸之间流传 之后 边骑车边

  • Linux共享文件夹到windows服务器

    1 安装Samba yum y install samba samba client samba common 2 添加要使用的账号 useradd s sbin nologin username smbpasswd a username

  • 闭眼推荐，9 个不能错过的机器学习数据集

    内容一览 本期整理了 HyperAI超神经官网近期更新的 9 个数据集 涉及人脸识别 姿态估计 自动驾驶三个领域 关键词 人脸识别 姿态估计 自动驾驶 本文首发自微信公众号 HyperAI 超神经 近期 HyperAI超神经官网更新了 30

  • springboot + vue项目本地化部署配置内+外网

    1 项目使用nginx做访问代理 配置如下 内网访问配置 server listen 80 server name 192 168 0 235 client max body size 100M charset koi8 r access

  • 开发Hololens遇到The type or namespace name ‘HandMeshVertex‘ could not be found..

    The type or namespace name HandMeshVertex could not be found are you missing a using directive or an assembly reference

  • C语言——循环控制语句

    文章目录 循环控制语句 for循环控制 1 基本语法 2 注意事项和细节说明 3 练习 1 打印1 100之间所有是9的倍数的整数的个数及总和 使用for完成 2 先死后活的一种编程思想 while循环控制 1 基本语法 2 注意事项和细节

  • 谷歌浏览器如何安装vue调试工具

    下载vue devtools压缩包 git地址 vue devtools 安装环境 将下载的压缩包解压 并通过命令行进入vue devtools master文件夹中 输入安装命令 cnpm install进行安装 编译 输入编译命令 np

热门标签